From 262757a20d429050e780fe6167b67d1c4b846d34 Mon Sep 17 00:00:00 2001
From: SirStendec <sir@stendec.me>
Date: Mon, 13 Nov 2017 01:23:39 -0500
Subject: [PATCH] 4.0.0 Beta 1

---
 .gitignore                                    |    1 +
 README.md                                     |   28 +-
 changelog.html                                |   69 +-
 dark.css                                      | 2216 -----
 gulpfile.js                                   |  292 -
 old_changes.html                              |   69 +
 package-lock.json                             | 7387 +++++++++++++++++
 package.json                                  |   63 +-
 res/font/ffz-fontello.eot                     |  Bin 0 -> 12396 bytes
 res/font/ffz-fontello.svg                     |   66 +
 res/font/ffz-fontello.ttf                     |  Bin 0 -> 12212 bytes
 res/font/ffz-fontello.woff                    |  Bin 0 -> 7408 bytes
 res/font/ffz-fontello.woff2                   |  Bin 0 -> 6256 bytes
 src/FileSaver.js                              |  188 -
 src/ObjectPath.js                             |   21 -
 src/badges.js                                 |  847 --
 src/commands.js                               |  531 --
 src/constants.js                              |  146 -
 src/debug.js                                  |   38 -
 src/ember/bits.js                             |  335 -
 src/ember/channel.js                          |  754 --
 src/ember/chat-input.js                       | 1569 ----
 src/ember/chatview.js                         | 1501 ----
 src/ember/commerce.js                         |  330 -
 src/ember/conversations.js                    |  271 -
 src/ember/dashboard.js                        |   62 -
 src/ember/directory.js                        |  793 --
 src/ember/feed-card.js                        |  121 -
 src/ember/following.js                        |  336 -
 src/ember/layout.js                           |  461 -
 src/ember/line.js                             | 2127 -----
 src/ember/moderation-card.js                  | 1825 ----
 src/ember/player.js                           |  307 -
 src/ember/room.js                             | 2887 -------
 src/ember/router.js                           |   47 -
 src/ember/sidebar.js                          |  514 --
 src/ember/viewers.js                          |  105 -
 src/ember/vod-chat.js                         |  164 -
 src/ember/wrapper.js                          |   99 -
 src/emoticons.js                              |  572 --
 src/entry.js                                  |   16 +
 src/ext/api.js                                |  682 --
 src/ext/betterttv.js                          |  539 --
 src/ext/emote_menu.js                         |   65 -
 src/ext/warpworld.js                          |   31 -
 src/featurefriday.js                          |  149 -
 src/i18n.js                                   |  489 ++
 src/jsconfig.json                             |    8 +
 src/less/dark-clips.less                      |  417 -
 src/less/style-clips.less                     |    5 -
 src/localization.js                           |    6 -
 src/main.js                                   |  717 +-
 src/modules/chat/badges.js                    |   27 +
 src/modules/chat/emotes.js                    |  325 +
 src/modules/chat/index.js                     |  513 ++
 src/modules/chat/room.js                      |  216 +
 src/modules/chat/tokenizers.js                |  702 ++
 src/modules/main_menu/components.js           |    3 +
 .../main_menu/components/changelog.vue        |   50 +
 .../main_menu/components/feedback-page.vue    |   35 +
 .../main_menu/components/filter-editor.vue    |   67 +
 .../main_menu/components/home-page.vue        |  100 +
 .../main_menu/components/main-menu.vue        |  180 +
 .../main_menu/components/menu-container.vue   |   34 +
 .../main_menu/components/menu-page.vue        |   89 +
 .../main_menu/components/menu-tree.vue        |  165 +
 .../main_menu/components/profile-editor.vue   |  205 +
 .../main_menu/components/profile-manager.vue  |  129 +
 .../main_menu/components/profile-selector.vue |  218 +
 .../components/setting-check-box.vue          |   58 +
 .../main_menu/components/setting-hotkey.vue   |   44 +
 .../components/setting-radio-buttons.vue      |   27 +
 .../components/setting-select-box.vue         |   64 +
 .../main_menu/components/setting-text-box.vue |   59 +
 src/modules/main_menu/index.js                |  551 ++
 src/modules/main_menu/setting-mixin.js        |  178 +
 src/modules/metadata.js                       |  342 +
 src/modules/tooltips.js                       |   93 +
 src/modules/translation_ui/components.js      |    3 +
 src/modules/translation_ui/nondex.js          |   42 +
 src/settings.js                               |  870 --
 src/settings/context.js                       |  287 +
 src/settings/index.js                         |  452 +
 src/settings/migration.js                     |   16 +
 src/settings/profile.js                       |  178 +
 src/settings/providers.js                     |  301 +
 src/shims.js                                  |   24 -
 src/sites/base.js                             |  106 +
 src/sites/twitch-twilight/index.js            |  113 +
 .../twitch-twilight/modules/channel_bar.js    |   93 +
 .../twitch-twilight/modules/chat/index.js     |  704 ++
 .../modules/css_tweaks/index.js               |  214 +
 .../modules/css_tweaks/styles.js              |    3 +
 .../styles/chat-borders-3d-inset.scss         |   19 +
 .../css_tweaks/styles/chat-borders-3d.scss    |   19 +
 .../css_tweaks/styles/chat-borders-wide.scss  |   17 +
 .../css_tweaks/styles/chat-borders.scss       |   17 +
 .../css_tweaks/styles/chat-padding.scss       |    7 +
 .../modules/css_tweaks/styles/chat-rows.scss  |   16 +
 .../modules/css_tweaks/styles/hide-bits.scss  |    4 +
 .../css_tweaks/styles/minimal-navigation.scss |   12 +
 .../css_tweaks/styles/swap-sidebars.scss      |   33 +
 .../twitch-twilight/modules/menu_button.js    |  113 +
 src/sites/twitch-twilight/modules/player.js   |  101 +
 .../twitch-twilight/modules/theme/index.js    |   75 +
 src/sites/twitch-twilight/styles/channel.scss |   21 +
 src/sites/twitch-twilight/styles/chat.scss    |    3 +
 src/sites/twitch-twilight/styles/main.scss    |    8 +
 .../twitch-twilight/styles/main_menu.scss     |   50 +
 .../twitch-twilight/styles/menu_button.scss   |   15 +
 src/sites/twitch-twilight/styles/player.scss  |   13 +
 src/socket.js                                 |  856 +-
 src/std-components/index.js                   |    3 +
 src/std-components/tab-container.vue          |  118 +
 src/styles/badges-blank.css                   |    3 -
 src/styles/badges-circular-small.css          |    5 -
 src/styles/badges-circular.css                |    6 -
 src/styles/badges-legacy-mod.css              |    9 -
 src/styles/badges-legacy-turbo.css            |    9 -
 src/styles/badges-legacy.css                  |   29 -
 src/styles/badges-rounded.css                 |    4 -
 src/styles/badges-sub-notice-on.css           |    1 -
 src/styles/badges-sub-notice.css              |    1 -
 src/styles/badges-transparent.css             |   21 -
 src/styles/chat-background.css                |  113 -
 src/styles/chat-colors-gray.css               |    4 -
 src/styles/chat-hc-background.css             |   20 -
 src/styles/chat-hc-bold.css                   |    6 -
 src/styles/chat-hc-text.css                   |   23 -
 src/styles/chat-padding.css                   |   23 -
 src/styles/chat-separator-3d-inset.css        |   21 -
 src/styles/chat-separator-3d.css              |   19 -
 src/styles/chat-separator-wide.css            |   19 -
 src/styles/chat-separator.css                 |   33 -
 src/styles/chat-user-bg.css                   |   21 -
 src/tokenize.js                               | 2003 -----
 src/ui/about_page.js                          |  655 --
 src/ui/channel_stats.js                       |  409 -
 src/ui/dark.js                                |  266 -
 src/ui/dash_feed.js                           |  197 -
 src/ui/dash_stats.js                          |  307 -
 src/ui/following-count.js                     |  350 -
 src/ui/following.js                           |  335 -
 src/ui/logviewer.js                           |  893 --
 src/ui/menu.js                                |  850 --
 src/ui/menu_button.js                         |   46 -
 src/ui/my_emotes.js                           |  807 --
 src/ui/notifications.js                       |  206 -
 src/ui/popups.js                              |   90 -
 src/ui/races.js                               |  255 -
 src/ui/schedule.js                            |  218 -
 src/ui/styles.js                              |   75 -
 src/ui/sub_count.js                           |   87 -
 src/ui/tooltips.js                            |  428 -
 src/ui/viewer_count.js                        |   72 -
 src/{colors.js => utilities/color.js}         |  513 +-
 src/utilities/compat/apollo.js                |  308 +
 src/utilities/compat/fine-router.js           |   87 +
 src/utilities/compat/fine.js                  |  486 ++
 src/utilities/compat/webmunch.js              |  168 +
 src/utilities/constants.js                    |   22 +
 src/utilities/dom.js                          |  149 +
 src/utilities/events.js                       |  313 +
 src/utilities/filtering.js                    |    6 +
 src/utilities/logging.js                      |   73 +
 src/utilities/module.js                       |  563 ++
 src/utilities/object.js                       |  167 +
 src/utilities/time.js                         |   24 +
 src/utilities/tooltip.js                      |  296 +
 src/utilities/vue.js                          |   99 +
 src/utils.js                                  | 1408 ----
 style.css                                     | 4748 -----------
 styles/chat.scss                              |   58 +
 styles/icons.scss                             |   91 +
 styles/main.scss                              |   12 +
 styles/theme.scss                             | 2520 ++++++
 styles/tooltips.scss                          |  401 +
 styles/widgets.scss                           |  162 +
 styles/widgets/container.scss                 |   73 +
 styles/widgets/menu-container.scss            |   27 +
 styles/widgets/menu-tree.scss                 |   69 +
 styles/widgets/profile-selector.scss          |   64 +
 styles/widgets/tab-container.scss             |   40 +
 webpack.common.js                             |   66 +
 webpack.web.common.js                         |   11 +
 webpack.web.dev.js                            |   63 +
 webpack.web.prod.js                           |   68 +
 187 files changed, 22878 insertions(+), 38882 deletions(-)
 delete mode 100644 dark.css
 delete mode 100644 gulpfile.js
 create mode 100644 package-lock.json
 create mode 100644 res/font/ffz-fontello.eot
 create mode 100644 res/font/ffz-fontello.svg
 create mode 100644 res/font/ffz-fontello.ttf
 create mode 100644 res/font/ffz-fontello.woff
 create mode 100644 res/font/ffz-fontello.woff2
 delete mode 100644 src/FileSaver.js
 delete mode 100644 src/ObjectPath.js
 delete mode 100644 src/badges.js
 delete mode 100644 src/commands.js
 delete mode 100644 src/constants.js
 delete mode 100644 src/debug.js
 delete mode 100644 src/ember/bits.js
 delete mode 100644 src/ember/channel.js
 delete mode 100644 src/ember/chat-input.js
 delete mode 100644 src/ember/chatview.js
 delete mode 100644 src/ember/commerce.js
 delete mode 100644 src/ember/conversations.js
 delete mode 100644 src/ember/dashboard.js
 delete mode 100644 src/ember/directory.js
 delete mode 100644 src/ember/feed-card.js
 delete mode 100644 src/ember/following.js
 delete mode 100644 src/ember/layout.js
 delete mode 100644 src/ember/line.js
 delete mode 100644 src/ember/moderation-card.js
 delete mode 100644 src/ember/player.js
 delete mode 100644 src/ember/room.js
 delete mode 100644 src/ember/router.js
 delete mode 100644 src/ember/sidebar.js
 delete mode 100644 src/ember/viewers.js
 delete mode 100644 src/ember/vod-chat.js
 delete mode 100644 src/ember/wrapper.js
 delete mode 100644 src/emoticons.js
 create mode 100644 src/entry.js
 delete mode 100644 src/ext/api.js
 delete mode 100644 src/ext/betterttv.js
 delete mode 100644 src/ext/emote_menu.js
 delete mode 100644 src/ext/warpworld.js
 delete mode 100644 src/featurefriday.js
 create mode 100644 src/i18n.js
 create mode 100644 src/jsconfig.json
 delete mode 100644 src/less/dark-clips.less
 delete mode 100644 src/less/style-clips.less
 delete mode 100644 src/localization.js
 create mode 100644 src/modules/chat/badges.js
 create mode 100644 src/modules/chat/emotes.js
 create mode 100644 src/modules/chat/index.js
 create mode 100644 src/modules/chat/room.js
 create mode 100644 src/modules/chat/tokenizers.js
 create mode 100644 src/modules/main_menu/components.js
 create mode 100644 src/modules/main_menu/components/changelog.vue
 create mode 100644 src/modules/main_menu/components/feedback-page.vue
 create mode 100644 src/modules/main_menu/components/filter-editor.vue
 create mode 100644 src/modules/main_menu/components/home-page.vue
 create mode 100644 src/modules/main_menu/components/main-menu.vue
 create mode 100644 src/modules/main_menu/components/menu-container.vue
 create mode 100644 src/modules/main_menu/components/menu-page.vue
 create mode 100644 src/modules/main_menu/components/menu-tree.vue
 create mode 100644 src/modules/main_menu/components/profile-editor.vue
 create mode 100644 src/modules/main_menu/components/profile-manager.vue
 create mode 100644 src/modules/main_menu/components/profile-selector.vue
 create mode 100644 src/modules/main_menu/components/setting-check-box.vue
 create mode 100644 src/modules/main_menu/components/setting-hotkey.vue
 create mode 100644 src/modules/main_menu/components/setting-radio-buttons.vue
 create mode 100644 src/modules/main_menu/components/setting-select-box.vue
 create mode 100644 src/modules/main_menu/components/setting-text-box.vue
 create mode 100644 src/modules/main_menu/index.js
 create mode 100644 src/modules/main_menu/setting-mixin.js
 create mode 100644 src/modules/metadata.js
 create mode 100644 src/modules/tooltips.js
 create mode 100644 src/modules/translation_ui/components.js
 create mode 100644 src/modules/translation_ui/nondex.js
 delete mode 100644 src/settings.js
 create mode 100644 src/settings/context.js
 create mode 100644 src/settings/index.js
 create mode 100644 src/settings/migration.js
 create mode 100644 src/settings/profile.js
 create mode 100644 src/settings/providers.js
 delete mode 100644 src/shims.js
 create mode 100644 src/sites/base.js
 create mode 100644 src/sites/twitch-twilight/index.js
 create mode 100644 src/sites/twitch-twilight/modules/channel_bar.js
 create mode 100644 src/sites/twitch-twilight/modules/chat/index.js
 create mode 100644 src/sites/twitch-twilight/modules/css_tweaks/index.js
 create mode 100644 src/sites/twitch-twilight/modules/css_tweaks/styles.js
 create mode 100644 src/sites/twitch-twilight/modules/css_tweaks/styles/chat-borders-3d-inset.scss
 create mode 100644 src/sites/twitch-twilight/modules/css_tweaks/styles/chat-borders-3d.scss
 create mode 100644 src/sites/twitch-twilight/modules/css_tweaks/styles/chat-borders-wide.scss
 create mode 100644 src/sites/twitch-twilight/modules/css_tweaks/styles/chat-borders.scss
 create mode 100644 src/sites/twitch-twilight/modules/css_tweaks/styles/chat-padding.scss
 create mode 100644 src/sites/twitch-twilight/modules/css_tweaks/styles/chat-rows.scss
 create mode 100644 src/sites/twitch-twilight/modules/css_tweaks/styles/hide-bits.scss
 create mode 100644 src/sites/twitch-twilight/modules/css_tweaks/styles/minimal-navigation.scss
 create mode 100644 src/sites/twitch-twilight/modules/css_tweaks/styles/swap-sidebars.scss
 create mode 100644 src/sites/twitch-twilight/modules/menu_button.js
 create mode 100644 src/sites/twitch-twilight/modules/player.js
 create mode 100644 src/sites/twitch-twilight/modules/theme/index.js
 create mode 100644 src/sites/twitch-twilight/styles/channel.scss
 create mode 100644 src/sites/twitch-twilight/styles/chat.scss
 create mode 100644 src/sites/twitch-twilight/styles/main.scss
 create mode 100644 src/sites/twitch-twilight/styles/main_menu.scss
 create mode 100644 src/sites/twitch-twilight/styles/menu_button.scss
 create mode 100644 src/sites/twitch-twilight/styles/player.scss
 create mode 100644 src/std-components/index.js
 create mode 100644 src/std-components/tab-container.vue
 delete mode 100644 src/styles/badges-blank.css
 delete mode 100644 src/styles/badges-circular-small.css
 delete mode 100644 src/styles/badges-circular.css
 delete mode 100644 src/styles/badges-legacy-mod.css
 delete mode 100644 src/styles/badges-legacy-turbo.css
 delete mode 100644 src/styles/badges-legacy.css
 delete mode 100644 src/styles/badges-rounded.css
 delete mode 100644 src/styles/badges-sub-notice-on.css
 delete mode 100644 src/styles/badges-sub-notice.css
 delete mode 100644 src/styles/badges-transparent.css
 delete mode 100644 src/styles/chat-background.css
 delete mode 100644 src/styles/chat-colors-gray.css
 delete mode 100644 src/styles/chat-hc-background.css
 delete mode 100644 src/styles/chat-hc-bold.css
 delete mode 100644 src/styles/chat-hc-text.css
 delete mode 100644 src/styles/chat-padding.css
 delete mode 100644 src/styles/chat-separator-3d-inset.css
 delete mode 100644 src/styles/chat-separator-3d.css
 delete mode 100644 src/styles/chat-separator-wide.css
 delete mode 100644 src/styles/chat-separator.css
 delete mode 100644 src/styles/chat-user-bg.css
 delete mode 100644 src/tokenize.js
 delete mode 100644 src/ui/about_page.js
 delete mode 100644 src/ui/channel_stats.js
 delete mode 100644 src/ui/dark.js
 delete mode 100644 src/ui/dash_feed.js
 delete mode 100644 src/ui/dash_stats.js
 delete mode 100644 src/ui/following-count.js
 delete mode 100644 src/ui/following.js
 delete mode 100644 src/ui/logviewer.js
 delete mode 100644 src/ui/menu.js
 delete mode 100644 src/ui/menu_button.js
 delete mode 100644 src/ui/my_emotes.js
 delete mode 100644 src/ui/notifications.js
 delete mode 100644 src/ui/popups.js
 delete mode 100644 src/ui/races.js
 delete mode 100644 src/ui/schedule.js
 delete mode 100644 src/ui/styles.js
 delete mode 100644 src/ui/sub_count.js
 delete mode 100644 src/ui/tooltips.js
 delete mode 100644 src/ui/viewer_count.js
 rename src/{colors.js => utilities/color.js} (54%)
 create mode 100644 src/utilities/compat/apollo.js
 create mode 100644 src/utilities/compat/fine-router.js
 create mode 100644 src/utilities/compat/fine.js
 create mode 100644 src/utilities/compat/webmunch.js
 create mode 100644 src/utilities/constants.js
 create mode 100644 src/utilities/dom.js
 create mode 100644 src/utilities/events.js
 create mode 100644 src/utilities/filtering.js
 create mode 100644 src/utilities/logging.js
 create mode 100644 src/utilities/module.js
 create mode 100644 src/utilities/object.js
 create mode 100644 src/utilities/time.js
 create mode 100644 src/utilities/tooltip.js
 create mode 100644 src/utilities/vue.js
 delete mode 100644 src/utils.js
 delete mode 100644 style.css
 create mode 100644 styles/chat.scss
 create mode 100644 styles/icons.scss
 create mode 100644 styles/main.scss
 create mode 100644 styles/theme.scss
 create mode 100644 styles/tooltips.scss
 create mode 100644 styles/widgets.scss
 create mode 100644 styles/widgets/container.scss
 create mode 100644 styles/widgets/menu-container.scss
 create mode 100644 styles/widgets/menu-tree.scss
 create mode 100644 styles/widgets/profile-selector.scss
 create mode 100644 styles/widgets/tab-container.scss
 create mode 100644 webpack.common.js
 create mode 100644 webpack.web.common.js
 create mode 100644 webpack.web.dev.js
 create mode 100644 webpack.web.prod.js

diff --git a/.gitignore b/.gitignore
index 2d22fb2f..fb3e9c14 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,7 @@
 node_modules
 npm-debug.log
 build
+dist
 Extension Building
 Old Files
 badges
diff --git a/README.md b/README.md
index 4b8f5dd0..cbf1a4ce 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 FrankerFaceZ
 ============
 
-Copyright (c) 2016 Dan Salvato LLC
+Copyright (c) 2017 Dan Salvato LLC
 
 Licensed under the Apache License, Version 2.0. See LICENSE.
 
@@ -12,26 +12,18 @@ Developing
 FrankerFaceZ uses node.js to manage development dependencies and to run an HTTP
 server for development. To get everything you need:
 
-1. Install node.js
-2. Run ```npm install -g gulp``` to install the ```gulp``` command line utility.
-3. Run ```npm install``` within the FrankerFaceZ directory.
+1. Install node.js and npm
+2. Run ```npm install`` within the FrankerFaceZ directory.
 
 
-From there, you can use gulp to build the extension from source simply by
-running ```gulp```. For development, you can instruct gulp to watch the source
-files for changes and re-build automatically with ```gulp watch```
+From there, you can use npm to build the extension from source simply by
+running ```npm run build```. For development, you can instruct gulp to watch
+the source files for changes and re-build automatically with ```npm start```
 
 FrankerFaceZ comes with a local development server that listens on port 8000
 and it serves up local development copies of files, falling back to the CDN
-when a local copy of a file isn't present. To start the server,
-run ```gulp server```
+when a local copy of a file isn't present.
 
-For convenience, the server is run automatically along with ```gulp watch```
-
-
-Use the command ```/ffz developer_mode on``` or ```/ffz developer_mode off```
-in Twitch chat to toggle developer mode on or off. You must then refresh the
-page for changes to take effect. If FFZ is not working or the command otherwise
-fails to work, you can open the JavaScript console on twitch.tv and run
-```localStorage.ffzDebugMode = true;``` or
-```localStorage.ffzDebugMode = false;``` to enable or disable the feature.
\ No newline at end of file
+To make FrankerFaceZ load from your local development server, you must set
+the local storage variable ```ffzDebugMode``` to true. Just run the following
+in your console on Twitch: ```localStorage.ffzDebugMode = true;```
diff --git a/changelog.html b/changelog.html
index b38085b3..96dad766 100644
--- a/changelog.html
+++ b/changelog.html
@@ -1,70 +1,7 @@
-<div class="list-header">3.5.536 <time datetime="2017-11-07">(2017-11-07)</time></div>
+<div class="list-header">4.0.0-beta1 <time datetime="2017-11-12">(2017-11-12)</time></div>
 <ul class="chat-menu-content menu-side-padding">
-	<li>Changed: Enable Transparent (Colored) badges in non-Webkit browsers. Note: The feature may not function correctly in all browsers.</li>
-</ul>
-
-<div class="list-header">3.5.535 <time datetime="2017-11-02">(2017-11-02)</time></div>
-<ul class="chat-menu-content menu-side-padding">
-	<li>Fixed: Raid notices not rendering in chat.</li>
-</ul>
-
-<div class="list-header">3.5.534 <time datetime="2017-10-04">(2017-10-04)</time></div>
-<ul class="chat-menu-content menu-side-padding">
-	<li>Fixed: Reset Player button not getting added to player because the menu element was renamed.</li>
-</ul>
-
-<div class="list-header">3.5.533 <time datetime="2017-10-01">(2017-10-01)</time></div>
-<ul class="chat-menu-content menu-side-padding">
-	<li>Added: Experimental new feature, promoted messages.</li>
-	<li>&nbsp;</li>
-	<li>Moderators can promote a message to have it appear in Recent Highlights for users that
-		have the feature enabled. To promote a message, a moderator must use the command
-		<code>/ffz promote &lt;id&gt;</code> with the appropriate message id. The easiest
-		way to do this is to add a custom in-line moderation icon with the command
-		<code>/ffz promote {id}</code></li>
-</ul>
-
-<div class="list-header">3.5.532 <time datetime="2017-09-30">(2017-09-30)</time></div>
-<ul class="chat-menu-content menu-side-padding">
-	<li>Changed: And the tooltip rendering tweaks keep coming</li>
-</ul>
-
-<div class="list-header">3.5.531 <time datetime="2017-09-29">(2017-09-29)</time></div>
-<ul class="chat-menu-content menu-side-padding">
-	<li>Changed: Properly calculate tooltip positions when added to an element other than the document root.</li>
-</ul>
-
-<div class="list-header">3.5.530 <time datetime="2017-09-29">(2017-09-29)</time></div>
-<ul class="chat-menu-content menu-side-padding">
-	<li>Fixed: Make sure the dashboard module is loaded before trying to modify dashboard widgets.</li>
-</ul>
-
-<div class="list-header">3.5.529 <time datetime="2017-09-28">(2017-09-28)</time></div>
-<ul class="chat-menu-content menu-side-padding">
-	<li>Changed: Rewrite tooltip rendering to try making them better positioned.</li>
-	<li>Added: Clickable links in the Following tooltip, as a result of the rewrite.</li>
-</ul>
-
-<div class="list-header">3.5.528 <time datetime="2017-09-26">(2017-09-26)</time></div>
-<ul class="chat-menu-content menu-side-padding">
-	<li>Fixed: Bug loading emote data from the server.</li>
-	<li>Fixed: Initialize the full Ember modifications when loading the settings pages and products page that has been brought into the Ember app.</li>
-</ul>
-
-<div class="list-header">3.5.527 <time datetime="2017-09-25">(2017-09-25)</time></div>
-<ul class="chat-menu-content menu-side-padding">
-	<li>Changed: More tweaks to tooltip rendering to support backend improvements.</li>
-</ul>
-
-<div class="list-header">3.5.526 <time datetime="2017-09-22">(2017-09-22)</time></div>
-<ul class="chat-menu-content menu-side-padding">
-	<li>Changed: Minor tweaks to tooltip rendering to support improvements to the backend.</li>
-</ul>
-
-<div class="list-header">3.5.525 <time datetime="2017-09-20">(2017-09-20)</time></div>
-<ul class="chat-menu-content menu-side-padding">
-	<li>Fixed: Twitch's native dark theme breaking the re-colored site header.</li>
-	<li>Fixed: Take control of Twitch's native dark theme when enabling or disabling FFZ's dark theme.</li>
+	<li>This is the initial release of the complete rewrite, FrankerFaceZ v4.</li>
+	<li>Changed: Every single thing.</li>
 </ul>
 
 <div class="list-header" id="ffz-old-news-button"><a href="#">View Older</a></div>
diff --git a/dark.css b/dark.css
deleted file mode 100644
index e4689ba3..00000000
--- a/dark.css
+++ /dev/null
@@ -1,2216 +0,0 @@
-/* host mode */
-.ffz-dark #hostmode,.hostmode{
-	background-color:rgb(16,16,16)!important;
-}
-
-.ffz-dark div#channel > .target-frame {
-	background-color:rgb(16,16,16)!important;
-}
-
-.ffz-dark .hostmode-title-container{
-	background-color:rgb(16,16,16)!important;
-	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4) inset;
-}
-
-.ffz-dark div.hostmode-title.clearfix{
-	background-color:rgb(24,24,24)!important;
-	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4) inset;
-}
-
-.ffz-dark .close-hostmode{
-	background-color:rgb(16,16,16)!important;
-	border-top: 1px solid rgba(255, 255, 255, 0.05);
-}
-
-.ffz-dark .offlineChannelStatus {
-	background-color: rgba(255,255,255, 0.05);
-}
-
-.ffz-dark .close-hostmode a:before,
-.ffz-dark .close-hostmode a:after {
-	border-bottom-color: rgba(255,255,255, 0.05);
-}
-
-
-/* hidden chat */
-.ffz-dark .card__img,
-.ffz-dark .ember-chat .chat-hidden-overlay{
-	background-color:rgb(24,24,24)!important;
-}
-
-
-
-/* edit icon */
-.ffz-dark .js-video-stats__video-header + a svg,
-.ffz-dark .subscription-modal__balloon svg,
-.ffz-dark #channel .player-column #broadcast-meta .info .edit-link svg path{
-	fill:rgba(255,255,255,0.5)!important;
-}
-
-/* vod icons */
-.ffz-dark #stats .stat svg:not(.svg-glyph_live) path,
-.ffz-dark #main_col .content #stats_and_actions #channel_stats .stat svg path{
-	fill:rgba(255,255,255,0.5)!important;
-}
-
-
-/* hover icon for chats menu */
-.ffz-dark .ember-chat .chat-menu-button-container:hover svg path{
-	fill:#fff!important;
-}
-
-
-/* dropdown arrows */
-.ffz-dark .button.drop:after{
-	border-color: rgba(255, 255, 255, 0.35) transparent transparent!important;;
-}
-
-/* hovering buttons */
-.ffz-dark .button:not(.primary):not(.ffz-donate):hover{
-	color:rgb(222,222,222)!important;
-}
-
-.ffz-dark .moderation-card .button:not(.button--icon-only):hover {
-	color: #fff !important;
-}
-
-/* stats */
-.ffz-dark .ct-tags--extracted { border-bottom: none }
-
-.ffz-dark .stats-and-actions,
-.ffz-dark #main_col .content #stats_and_actions {
-	border-bottom-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark #channel .player-column .stats-and-actions .channel-stats .stat svg:not(.svg-glyph_live) path{
-	fill:rgba(255,255,255,0.35)!important;
-}
-
-/* Scrollbar */
-.ffz-dark .tse-scrollbar .drag-handle {
-	background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.6)!important;
-}
-
-
-/* Team Pages */
-
-.ffz-dark #stats_and_description { border-color: rgba(255,255,255,0.1) }
-.ffz-dark #stats_and_description .stat { color: #808080 }
-.ffz-dark #stats_and_description .stat:not(#channel_viewer_count) { -webkit-filter: invert(100%) }
-
-.ffz-dark .profile-card__content,
-.ffz-dark .member.js-playing a { color: #fff !important }
-.ffz-dark .member { box-shadow: none !important }
-.ffz-dark .member.live { background-color: #222; }
-.ffz-dark .member:hover { background-color: #333 }
-.ffz-dark .member .channel_count { color: #ccc }
-
-
-/* main column */
-.ffz-dark .fp-container,
-body.ffz-dark:not([data-page="teams#show"]),
-.ffz-dark .app-main,
-.ffz-dark[data-page="teams#show"] .main,
-.ffz-dark:not([data-page="teams#show"]) div#mantle_skin,
-.ffz-dark div#main_col {
-	background:rgb(16,16,16);
-	color:rgb(195,195,195)!important;
-	border-right: 0 !important; /*1px solid rgb(0,0,0)!important;*/
-}
-
-.ffz-dark.ffz-portrait div#left_col .column,
-.ffz-dark.ffz-portrait div#main_col {
-	border-right: none !important;
-	border-bottom: 1px solid rgb(0,0,0) !important;
-}
-
-
-/* stream title */
-.ffz-dark span.real_title{
-	color:rgb(245,245,245)!important;
-}
-
-/* name playing x on x */
-.ffz-dark span.playing,span#team_membership,.ffz-dark #channel .player-column #broadcast-meta .info .channel {
-	color:rgb(195,195,195)!important;
-}
-
-.ffz-dark div.title > span.real,
-.ffz-dark div.title > span.over,
-.ffz-dark #broadcast-meta .info .title {
-	color: #DEDEDE !important;
-	background-color: rgba(16,16,16,0.3) !important;
-}
-
-.ffz-dark .player-placeholder { background: #000 }
-
-.ffz-dark div.title > span.over:hover,
-.ffz-dark div.title > span.real:hover,
-.ffz-dark #broadcast-meta .info .title:hover {
-	color: #fff !important;
-	background-color: #101010 !important;
-}
-
-
-/* Right Column */
-
-.ffz-dark .ct-banner--off .ct-banner__toggle,
-.ffz-dark #right_col {
-	background-color: rgb(25,25,31);
-	color: #fff;
-}
-
-.ffz-dark.ffz-no-blue #right_col,
-.ffz-dark.ffz-no-blue .no-login-contain li,
-.ffz-dark.ffz-no-blue .following-col .following-list .load-more span,
-.ffz-dark.ffz-no-blue .viewall a,
-.ffz-dark.ffz-no-blue #new-user-prompt {
-	background-color: rgb(25,25,25);
-}
-
-
-/* Popups */
-
-.ffz-dark #commission_modal {
-	background-color: #101010 !important;
-	border-color: #32323e !important;
-}
-
-.ffz-dark .twitch_subwindow_container.two-factor-auth .card,
-.ffz-dark .card#passport_modal {
-	color: #000;
-}
-
-.ffz-dark .subdash-feature-notice,
-.ffz-dark #channel-prompt,
-.ffz-dark .balloon,
-.ffz-dark .balloon:after,
-.ffz-dark .conversation-settings-menu,
-.ffz-dark .ember-chat .chat-interface .ffz-ui-popup.emoticon-selector .emoticon-selector-box,
-.ffz-dark .twitch_subwindow_container:not(.two-factor-auth) .card:not(#passport_modal),
-.ffz-dark #flyout .content,
-.ffz-dark .whatisthis,
-.ffz-dark .ui-menu,
-.ffz-dark .dropmenu,
-.ffz-dark .sort-contain .sort-options,
-.ffz-dark .top-dropdown,
-.ffz-dark form.js-new_panel_form,
-.ffz-dark .js-new_panel_btn,
-.ffz-dark .manager .videos-grid .video .meta,
-.ffz-dark .ember-chat .chat-room-list,
-.ffz-dark .st-autocomplete-sidebar,
-.ffz-dark .st-autocomplete-small,
-.ffz-dark .st-autocomplete,
-.ffz-dark .st-autocomplete-small,
-.ffz-dark .player-menu__menu {
-	background-color: rgb(16,16,16);
-	color: rgb(195,195,195); /*#acacbf;*/
-	border-color: #32323e;
-	box-shadow: rgba(255,255,255,0.2) 0 0 0 1px inset;
-}
-
-.ffz-dark .balloon--tooltip:after,
-.ffz-dark .balloon--tooltip {
-	background-color: #000;
-}
-
-.ffz-dark .chat-container { border-color: rgba(0,0,0,0.2) }
-
-.ffz-dark #flyout .content,
-.ffz-dark .ffz-ui-popup.emoticon-selector .emoticon-selector-box { border: none }
-
-.ffz-dark .balloon--right.balloon--up:after,
-.ffz-dark .balloon--up:after { box-shadow: 1px 1px 0 rgba(255,255,255,0.2) }
-.ffz-dark .balloon--right.balloon--down:after,
-.ffz-dark .balloon--down:after { box-shadow: -1px -1px 0 rgba(255,255,255,0.2) }
-.ffz-dark .balloon--left:after { box-shadow: 1px -1px 0 rgba(255,255,255,0.2) }
-.ffz-dark .balloon--right:after { box-shadow: -1px 1px 0 rgba(255,255,255,0.2) }
-
-.ffz-dark .filter-bar__balloon-footer,
-.ffz-dark .balloon__footer {
-	background-color: rgb(25,25,25);
-	border: 1px solid rgba(255,255,255,0.2);
-}
-
-
-.ffz-dark .player-menu__header { color: #c3c3c3 }
-.ffz-dark .player-menu__section { border-bottom-color: rgba(255,255,255,0.2) }
-
-/*.ffz-dark .balloon:after { box-shadow: none }*/
-
-.ffz-dark .st-autocomplete-sidebar .label,
-.ffz-dark .st-autocomplete-small .label,
-.ffz-dark .st-autocomplete .label,
-.ffz-dark .st-autocomplete-small .label {
-	background-color: rgb(24,24,24);
-}
-
-.ffz-dark .js-new_panel_btn:hover {
-	background-color: rgb(24,24,24);
-}
-
-.ffz-dark .player-menu__menu:before,
-.ffz-dark .player-menu__menu:after {
-	border-top-color: rgb(16,16,16);
-}
-
-.ffz-dark .st-autocomplete-sidebar:before,
-.ffz-dark #flyout .point:before {
-	border-right-color: rgb(16,16,16); /*rgb(25,25,31);*/
-}
-
-.ffz-dark .st-autocomplete-sidebar:after,
-.ffz-dark #flyout .point:after {
-	border-right-color: #32323e;
-}
-
-.ffz-dark .notification-controls .toggle-notification-menu {
-	background-color: #0f8a4d;
-}
-
-.ffz-dark .notification-controls .toggle-notification-menu:hover {
-	background-color: #119754;
-}
-
-.ffz-dark .pika-input,
-.ffz-dark .video-stats .form__input[type=search],
-.ffz-dark .change-banner .banner-preview,
-.ffz-dark .ct-banner--off .ct-banner__inputbox,
-.ffz-dark form.js-new_panel_form input,
-.ffz-dark form.js-new_panel_form textarea,
-.ffz-dark .conversation-input-bar textarea,
-.ffz-dark .card input,
-.ffz-dark .card textarea,
-.ffz-dark .dropmenu input,
-.ffz-dark input.text,
-.ffz-dark input.string,
-.ffz-dark #sidebar_query_small,
-.ffz-dark textarea,
-.ffz-dark select,
-.ffz-dark option,
-.ffz-dark #mantle_skin .dropdown,
-.ffz-dark .directory_header #custom_filter input {
-	background-color: rgba(255,255,255,0.05);
-	border-color: rgba(255,255,255,0.1);
-	color: #fff;
-}
-
-.ffz-dark option {
-	background-color: #191919;
-}
-
-.ffz-dark select.pl-form__input,
-.ffz-dark .video-stats .form__input[type=search]:not(:focus):not(:hover) {
-	box-shadow: inset 0 0 1px rgba(255,255,255,0.2);
-}
-
-.ffz-dark .video-stats .table__cell--header,
-.ffz-dark .video-stats__table-title {
-	color: #ccc;
-	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.2);
-}
-
-.ffz-dark .video-stats .table__header {
-	background-color: #191919;
-	color: #ccc;
-}
-
-.ffz-dark .video-stats .table {
-	border-color: rgba(255,255,255,0.2);
-	background-color: #101010;
-	box-shadow: 0 2px 4px 0 rgba(255,255,255,0.2);
-}
-
-.ffz-dark .video-stats .table__row {
-	background-color: #101010;
-	color: #999;
-}
-
-.ffz-dark .video-stats .table__cell {
-	border-color: rgba(255,255,255,0.2);
-	color: #999;
-}
-
-
-/* Other stuff */
-
-.ffz-dark #channel .player-column #broadcast-meta .info .edit-link span {
-	color: inherit;
-}
-
-.ffz-dark .no-login-contain li {
-	background-color: rgb(25,25,31);
-}
-
-.ffz-dark .no-login-contain h3 {
-	color: #ccc;
-}
-
-.ffz-dark .panel-formatting .panel {
-	color: #8c8c9c;
-}
-
-.ffz-dark .balloon .balloon__link { color: #a68ed2 !important }
-.ffz-dark .balloon .balloon__link--active,
-.ffz-dark .balloon .balloon__link--selected,
-.ffz-dark .balloon .balloon__link:hover { color: #fff !important }
-.ffz-dark .balloon .balloon__link--selected { background-color: #6441a5 !important }
-
-.ffz-dark .st-autocomplete-sidebar .all p:not(.active),
-.ffz-dark .st-autocomplete-small .all p:not(.active),
-.ffz-dark .st-autocomplete .all p:not(.active),
-.ffz-dark .st-autocomplete-small .all p:not(.active),
-.ffz-dark .st-autocomplete-sidebar .list ul .result:not(.active) p,
-.ffz-dark .st-autocomplete-small .list ul .result:not(.active) p,
-.ffz-dark .st-autocomplete .list ul .result:not(.active) p,
-.ffz-dark .st-autocomplete-small .list ul .result:not(.active) p,
-.ffz-dark .manager .videos-grid .video:hover .meta .actions li a,
-.ffz-dark .ember-chat .chat-room-list .room:not(:hover) p.room-title,
-.ffz-dark .dropmenu_action:not(:hover),
-.ffz-dark .dropmenu_action:not(:hover) span,
-.ffz-dark .chat-menu-content button.font-color-purple,
-.ffz-dark .player a.player-text-link,
-.ffz-dark .cn-metabar .cn-metabar__title a,
-.ffz-dark a {
-/*.ffz-dark a:not(.profile-card__content):not(.filter-item):not(.ui-state-focus):not(.button):not(.switch):not(.follow):not(.fb_button):not(.what) {*/
-	color: #a68ed2;
-}
-
-.ffz-dark .balloon--cols .balloon__list~.balloon__list {
-	box-shadow: -1px 0 0 rgba(255,255,255,0.2);
-}
-
-.ffz-dark .top-nav__nav-link:hover { color: #fff !important }
-
-.ffz-dark .warp__item a.js-language-select,
-.ffz-dark .top-nav__nav-link,
-.ffz-dark .warp__item > a { color: #d5d4d9 !important }
-
-.ffz-dark .warp__item--toggled a.js-language-select,
-.ffz-dark .warp__item > a:hover,
-.ffz-dark .warp__item--toggled > a { color: #eae9ec !important }
-
-.ffz-dark .exit-theatre > a { color: #000 !important; }
-
-.ffz-dark .cheermote-tier {
-	background-color: #111;
-	border-color: #474747;
-}
-
-.ffz-dark .progress-bar {
-	background-color: #444;
-}
-
-.ffz-dark .c-background-graph { background-color: #444 !important }
-
-.ffz-dark .shadow-border--bottom-right {
-	box-shadow: 1px 0 0 0 #474747, 0 1px 0 0 #474747;
-}
-
-.ffz-dark .switch,
-.ffz-dark .button,
-.ffz-dark .pl-button--hollow,
-.ffz-dark .pl-button--hollow:hover,
-.ffz-dark .player-switch,
-.ffz-dark .follow-button a,
-.ffz-dark a.dropmenu_action:hover {
-	color: #fff;
-}
-
-.ffz-dark .button:disabled {
-	background-color: #242424;
-}
-
-.ffz-dark .pl-button--hollow,
-.ffz-dark .button--hollow { box-shadow: inset 0 0 0 1px #4b367c }
-
-.ffz-dark .panel-formatting .panel h3 {
-	color: inherit;
-}
-
-.ffz-dark .follow-button .notify:before,
-.ffz-dark .button.drop:after,
-.ffz-dark .follow-button .drop.follow:after {
-	border: 5px solid rgba(255,255,255,0.35);
-	border-left-color: transparent;
-	border-right-color: transparent;
-	border-bottom-color: transparent;
-}
-
-.ffz-dark .follow-button .notify {
-	background-color: #25252a;
-}
-
-.ffz-dark .message-button,
-.ffz-dark .button--text,
-.ffz-dark .button.ffz-no-bg {
-	color: #a68ed2;
-}
-
-.ffz-dark .form__icon svg { fill: rgba(255,255,255,0.2) }
-
-.ffz-dark .button--icon.button--hollow figure svg,
-.ffz-dark .button.button--icon-only svg {
-	fill: #a68ed2;
-}
-
-.ffz-dark .button.button--icon-only:hover svg {
-	fill: #fff;
-}
-
-.ffz-dark .button.primary.subscribe-button {
-	color: #fff;
-}
-
-.ffz-dark .ember-chat .moderation-card img.channel_logo {
-	border-color: rgb(16,16,16);
-}
-
-/* Upsell banner */
-.ffz-dark .bookmark-meta,
-.ffz-dark .upsell-banner {
-	background-color: rgba(25,25,31, 0.7);
-}
-
-.ffz-dark.ffz-no-blue .bookmark-meta,
-.ffz-dark.ffz-no-blue .upsell-banner {
-	background-color: rgba(25,25,25, 0.7);
-}
-
-.ffz-dark .bookmark-meta .bookmark-title,
-.ffz-dark .upsell-banner .message .title {
-	color: #ccc;
-}
-
-.ffz-dark .bookmark-meta {
-	box-shadow: none;
-}
-
-/* VoD Description */
-
-.ffz-dark .archives-contain .videos {
-	padding: 0 0;
-}
-
-.ffz-dark #right_col a.bottom,
-.ffz-dark .archives-contain .list-video {
-	padding: 10px 20px;
-	border-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark #right_col a.bottom {
-	padding: 0 20px;
-	margin: 0 !important;
-}
-
-.ffz-dark .archives-contain .list-video .meta .title {
-	color: rgb(195,195,195);
-}
-
-.ffz-dark #right_col #archives { background-color: transparent; }
-
-.ffz-dark .archives-contain .list-video .meta .info p.broadcaster,
-.ffz-dark #right_col #archives .more_archives {
-	color: #a68ed2;
-	box-shadow: none;
-}
-
-.ffz-dark #right_col a.bottom:hover,
-.ffz-dark .archives-contain .list-video:hover,
-.ffz-dark #right_col #archives .more_archives:hover {
-	background-color: rgba(255,255,255,0.1);
-}
-
-.ffz-dark #main_col .content .archive_info p,
-.ffz-dark #main_col .content .archive_info time {
-	color: #888;
-}
-
-
-/* Video Manager */
-
-.ffz-dark .player-menu-options,
-.ffz-dark ul.tabs:before,
-.ffz-dark .directory_header .nav:before,
-.ffz-dark ul.tabs_fake:before,
-.ffz-dark #right_col #archives .more_archives,
-.ffz-dark .manager .videos-grid .video .meta .actions {
-	border-top-color: rgba(255,255,255,0.25);
-}
-
-.ffz-dark .twitch_subwindow_container .card .text-content .content-header,
-.ffz-dark .kraken-embed .card .text-content .content-header,
-.ffz-dark .kraken-page .card .text-content .content-header,
-.ffz-dark .twitch_subwindow_container .card .buttons,
-.ffz-dark .kraken-embed .card .buttons,
-.ffz-dark .kraken-page .card .buttons,
-.ffz-dark .card--bordered,
-.ffz-dark .card-vod-edit {
-	border-color: #474747;
-}
-
-.ffz-dark .playlist-menu-create {
-	background-color: #101010;
-	border-color: #474747;
-}
-
-.ffz-dark .button--disabled {
-	background-color: #333;
-}
-
-.ffz-dark .card-vod-edit {
-	box-shadow: 0 2px 4px 0 rgba(255,255,255,0.1);
-}
-
-.ffz-dark #highlighter .highlight-content .form-container li label {
-	color: #fff;
-}
-
-.ffz-dark .tabs.tabs--fullwidth li:not(.selected) a:hover {
-	color: #fff !important;
-	background: #24242a;
-	border-color: #8c8c9c;
-}
-
-.ffz-dark .tabs li.selected a {
-	color: #fff !important;
-	border-color: #a68cd4 !important;
-}
-
-
-/* Subscriptions Page */
-
-.ffz-dark .ticket__benefits,
-.ffz-dark .tickets .ticket .benefits {
-	background-color: rgb(16,16,16);
-	color: rgb(195,195,195); /*#acacbf;*/
-	border-color: #32323e;
-}
-
-
-/* Directory Pages */
-
-.ffz-dark .following-col .col-header .search-contain .search .search-button svg path {
-	fill: rgba(255,255,255,0.25);
-}
-
-.ffz-dark .following-col .col-header .search-contain .search .search-button:hover svg path {
-	fill: rgba(255,255,255,0.5);
-}
-
-.ffz-dark .following-col .following-list .load-more span,
-.ffz-dark .viewall a {
-	background-color: rgb(25,25,31);
-}
-
-.ffz-dark .following-col .following-list .load-more:hover span {
-	color: #fff;
-}
-
-.ffz-dark .following-col .following-list .load-more:hover span,
-.ffz-dark .viewall a:hover {
-	background-color: rgb(35,35,41);
-}
-
-.ffz-dark.ffz-no-blue .following-col .following-list .load-more:hover span,
-.ffz-dark.ffz-no-blue .viewall a:hover {
-	background-color: rgb(35,35,35);
-}
-
-.ffz-dark .viewall a .text span:first-child {
-	color: #a68ed2;
-}
-
-
-/* Profile page fixes */
-
-.ffz-dark pre {
-	background-color: rgb(8,8,8);
-	box-shadow: inset 0 0 0 1px #333;
-	border-left-color: #6441a5;
-}
-
-.ffz-dark .form__label,
-.ffz-dark .form__input[type=checkbox] + label,
-.ffz-dark .form__input[type=radio] + label,
-.ffz-dark label,
-.ffz-dark code {
-	color: #999;
-}
-
-.ffz-dark .card__boxpin,
-.ffz-dark .streams .stream .content .thumb .boxart,
-.ffz-dark .videos .video .content .thumb .boxart {
-	border-color: rgb(16,16,16);
-}
-
-.ffz-dark .ember-chat .moderation-card img.channel_logo,
-.ffz-dark .channel-link .profile-photo {
-	background-color: rgb(16,16,16);
-}
-
-.ffz-dark .event-img--card { box-shadow: 1px 0 0 #101010 }
-
-.ffz-dark .toggle__button { background-color: #666 }
-.ffz-dark .toggle__button:after { background-color: #242424 }
-.ffz-dark .toggle input[type=checkbox]:checked+.toggle__button { background-color: #0f8a4d }
-
-
-.ffz-dark .card__title,
-.ffz-dark .card .card__title a,
-.ffz-dark .card .card__info a,
-.ffz-dark .items-grid .meta .title,
-.ffz-dark .items-grid .meta p a {
-	color: #9c9c9c;
-}
-
-.ffz-dark .event-calendar {
-	background: #101010;
-	color: #ccc;
-}
-
-.ffz-dark .subscription-dash .video-quality-list li.non-selectables .option,
-.ffz-dark .subscription-dash .video-quality-list li {
-	background-color: #191919;
-	border-color: #474747;
-}
-
-.ffz-dark .subscription-dash .video-quality-list li .quality-setting {
-	background-color: #000;
-}
-
-.ffz-dark .subscription-dash .video-quality-list li.selectable.over {
-	background-image: none;
-	background-color: #242424;
-}
-
-.ffz-dark .subscription-dash .video-quality-list li.selectable.restricted {
-	background-color: #cc2b2b;
-	border-color: #801b1b;
-}
-
-.ffz-dark .subscription-dash .video-quality-list li.selectable.restricted.over {
-	background-color: #fc3636;
-}
-
-.ffz-dark .card__info,
-.ffz-dark .items-grid .meta .info {
-	color: #6c6c6c;
-}
-
-.ffz-dark .mininav li > a,
-.ffz-dark ul.tabs li > a,
-.ffz-dark .directory_header .nav li > a,
-.ffz-dark .tw-tabs__item > button,
-.ffz-dark ul.tabs_fake li > a {
-	color: #a68ed2;
-}
-
-.ffz-dark .tw-tabs,
-.ffz-dark .tabs { box-shadow: 0 -1px 0 rgba(255,255,255,0.2) inset; }
-
-.ffz-dark .tw-tabs__item > a:hover,
-.ffz-dark .tabs>.tab:hover,
-.ffz-dark .tabs>li:hover,
-.ffz-dark .tabs__item:hover,
-.ffz-dark .tabs__item--active,
-.ffz-dark .tabs__item.active,
-.ffz-dark .tabs__item.selected,
-.ffz-dark .tabs>li.selected,
-.ffz-dark .tabs>li>a.active { box-shadow: 0 -1px 0 #a68cd4 inset }
-
-.ffz-dark .mininav,
-.ffz-dark ul.tabs:before,
-.ffz-dark .direcotry_header .nav:before,
-.ffz-dark ul.tabs_fake:before {
-	border-color: #32323e;
-}
-
-.ffz-dark .tw-tabs__item > button:hover,
-.ffz-dark .tw-tabs__item > a.active,
-.ffz-dark .tw-tabs__item > button.active {
-	color: #ccc;
-	box-shadow: 0 -1px 0 #ccc inset;
-}
-
-.ffz-dark .contract-amendments-window {
-	border-color: #474747;
-	background-color: #000;
-}
-
-.ffz-dark .game-details__nav > li > a.active { color: #fff }
-
-.ffz-dark .mininav li > a:hover,
-.ffz-dark ul.mininav li.active,
-.ffz-dark ul.tabs li.selected a,
-.ffz-dark .directory_header .nav li.selected a,
-.ffz-dark ul.tabs_fake li.selected a,
-.ffz-dark ul.tabs li>a:hover,
-.ffz-dark .directory_header .nav li>a:hover,
-.ffz-dark ul.tabs_fake li>a:hover,
-.ffz-dark ul.tabs li>a.active,
-.ffz-dark .directory_header .nav li>a.active,
-.ffz-dark ul.tabs_fake li>a.active {
-	color: #aaa;
-	border-color: #ccc !important;
-}
-
-/* Hide the chat Dark Mode control */
-.ffz-dark #theme-toggle,
-.ffz-dark .toggle-darkmode { display: none; }
-
-/* Chat Text Contrast */
-
-.ffz-dark .ember-chat .chat-settings .chat-colors .chat-colors-swatch:hover,
-.ffz-dark .ember-chat .chat-settings .chat-colors .chat-colors-switch.selected {
-	border-color: #777;
-	box-shadow: inset 0 0 0 1px #32323e;
-}
-
-
-/* Autocomplete Suggestions */
-
-.ffz-dark .ember-chat .chat-interface .suggestions {
-	background-color: rgb(16,16,16);
-	border-color: rgba(255,255,255,0.2);
-}
-
-
-/* FrankerFaceZ Menu */
-
-/*.ffz-dark .ember-chat .chat-menu .list-header {
-	border-top-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .chat-menu.ffz-ui-popup .ffz-ui-menu-page .chat-menu-content .heading,
-.ffz-dark .chat-menu.ffz-ui-popup .ffz-ui-menu-page .emoticon-grid .heading,
-.ffz-dark .ffz-ui-popup ul.menu,
-.ffz-dark .ffz-ui-popup ul.menu a,
-.ffz-sidebar-swap.ffz-dark .ffz-ui-popup ul.menu a {
-	border-color: #32323e;
-}
-
-.ffz-dark .ffz-ui-popup ul.menu {
-	background-color: rgb(33,33,33);
-}
-
-.ffz-dark .ffz-ui-popup ul.menu li.active {
-	background-color: rgb(16,16,16);
-}
-
-.ffz-dark .ffz-ui-popup ul.menu li.active a {
-	border-top-color: rgb(16,16,16);
-}*/
-
-/* New User Prompt */
-
-.ffz-dark #new-user-prompt {
-	background-color: rgb(25,25,31);
-	color: #acacbf;
-}
-
-.ffz-dark #new-user-prompt .message .title {
-	color: #fff;
-}
-
-/* Messages Table */
-
-.ffz-dark .messages #send_message_form #bottom_buttons,
-.messages #reply_message_form #bottom_buttons {
-	border-color: rgba(255,255,255,0.2);
-	box-shadow: none;
-}
-
-.ffz-dark .messages #send_message_form .button_group,
-.ffz-dark .messages #reply_message_form .button_group,
-.ffz-dark .messages #send_message_form,
-.ffz-dark .messages #reply_message_form {
-	background: transparent;
-}
-
-.ffz-dark .messages #send_message_form,
-.ffz-dark .messages #reply_message_form
-{ padding: 10px 0 0 0; }
-
-.ffz-dark .messages #message_actions {
-	background-color: rgb(48,48,48);
-	border-bottom-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .messages #send_message_form,
-.ffz-dark .messages .divider {
-	border-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .messages .message_action.delete {
-	display: block;
-	width: 16px;
-	height: 16px;
-	background: url(trash_button.png) no-repeat;
-}
-
-.ffz-dark .messages .message_action.delete img { display: none; }
-
-.ffz-dark .messages .message_action.block {
-	background-image: url(block_button.png);
-	color: #c1c1c1 !important;
-}
-
-.ffz-dark .messages div.message {
-	border-bottom-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .messages div.message:last-of-type { border-bottom-color: transparent; }
-
-.ffz-dark .messages div.preview {
-	background-color: rgb(16,16,16);
-	border-bottom-color: rgba(255,255,255,0.2);
-	border-left-color: transparent;
-}
-
-.ffz-dark .messages div.preview.unread {
-	background-color: rgb(32,32,32);
-	border-left-color: #6441a5;
-}
-
-.ffz-dark .messages div.preview:hover {
-	background-color: rgb(8,8,8);
-}
-
-.ffz-dark .messages #messages_column {
-	background-color: transparent;
-}
-
-.ffz-dark .page_links em {
-	background-color: #EEE;
-	color: #000;
-}
-
-.ffz-dark .page_links a.disabled.previous_page b,
-.ffz-dark .page_links span.disabled.previous_page b { border-right-color: transparent; }
-
-.ffz-dark .page_links a.disabled.next_page b,
-.ffz-dark .page_links span.disabled.next_page b { border-left-color: transparent; }
-
-/* Tshirts are weird */
-
-.ffz-dark .teespring-panel-progress {
-	background-color: #393939;
-}
-
-.ffz-dark .teespring-panel-image a {
-	cursor: pointer;
-}
-
-.ffz-dark .teespring-panel-image img {
-	filter: drop-shadow(0px 0px 10px white);
-	-moz-filter: drop-shadow(0px 0px 10px white);
-	-webkit-filter: drop-shadow(0px 0px 10px white);
-}
-
-.ffz-dark .teespring-panel {
-	cursor: inherit;
-	background-color: rgb(8,8,8);
-	border-color: rgba(255,255,255,0.2);
-}
-
-/* Settings */
-
-.ffz-dark .app_title { color: #ccc; }
-
-.ffz-dark .connect_items .connect-item-info .details-toggle,
-.ffz-dark .connect_items .connect-item-info,
-.ffz-dark ul.manage_simple span.obj {
-	background-color: rgb(8,8,8);
-}
-
-.ffz-dark .connect_items .connect-item-info .details-toggle {
-	border-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .connect_items .connect-item-info .details-toggle:hover {
-	border-color: rgba(255,255,255,0.4);
-}
-
-.ffz-dark .connect_items .connect-item-info .status,
-.ffz-dark #settings #followers_content .hdr,
-.ffz-dark table.simple_table th {
-	background-color: rgb(32,32,32);
-	border-color: transparent;
-}
-
-.ffz-dark .multi_select li form:hover,
-.ffz-dark .multi_select li .ms-int:hover,
-.ffz-dark .multi_select li label:hover {
-	background-color: rgb(8,8,8);
-}
-
-.ffz-dark #turbo_chat_color,
-.ffz-dark #turbo_emote_set {
-	background-color: rgba(255,255,255,0.05);
-}
-
-.ffz-dark .ui-slider-horizontal:not(.player-slider) {
-	background-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .subscription-dash .list-head th {
-	border-color: #474747;
-	color: #ccc;
-}
-
-.ffz-dark .section ul,
-.ffz-dark .section ul li,
-.ffz-dark .subdash-feature-section,
-.ffz-dark .subdash-feature-header__back,
-.ffz-dark .subdash-feature-header,
-.ffz-dark .subdash-feature-row--border,
-.ffz-dark .cl-container .section-header .header-content.indented,
-.ffz-dark .cl-container .section-header .header-back {
-	border-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .subdash-feature-header__back:hover,
-.ffz-dark .cl-container .section-header .header-back:hover {
-	background-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .new-dashboard .dashboard-section .submit-button-fieldset,
-.ffz-dark .subdash-feature-header,
-.ffz-dark .cl-container .section-header,
-.ffz-dark .cl-container .cl-section .cl-subheader {
-	background-color: rgb(32,32,32);
-}
-
-.ffz-dark .cl-container .cl-section {
-	background-color: rgb(16,16,16);
-}
-
-.ffz-dark fieldset {
-	border-color: transparent;
-}
-
-.ffz-dark .connect_items .connect-item-details,
-.ffz-dark .connect_items .connect-item-details-legal,
-.ffz-dark .connect_items,
-.ffz-dark .premium_setup_contain #turbo_setup,
-.ffz-dark table.simple_table td,
-.ffz-dark table.simple_table th,
-.ffz-dark .cl-container .section-header,
-.ffz-dark .cl-container fieldset {
-	border-bottom-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .cl-container fieldset .cl-input-container label { color: #fff }
-
-.ffz-dark .subdash-feature-row__title,
-.ffz-dark .cl-container fieldset .label-wrapper label {
-	color: #ccc;
-}
-
-.ffz-dark .subdash-feature,
-.ffz-dark #emoticons #emote_switch .set-button,
-.ffz-dark #example .line {
-	background-color: #19191f;
-	color: #acacbf;
-}
-
-/* Dashboard */
-
-.ffz-dark .dash-tabs__item--active .dash-tabs__label:after {
-	border-color: #191919;
-}
-
-.ffz-dark .dash-tabs__item {
-	background-color: #151515;
-	border-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .dash-tabs__item--active { background-color: #191919 }
-
-.ffz-dark .game-details__carousel-wrapper:hover .game-details__carousel-arrow,
-.ffz-dark .card-carousel__button,
-.ffz-dark .carousel__button {
-	background-color: #101010;
-}
-
-.ffz-dark .game-details__carousel-wrapper:hover .game-details__carousel-arrow:before,
-.ffz-dark .card-carousel__arrow:before,
-.ffz-dark .carousel__arrow:before {
-	border-color: #a68ed2;
-}
-
-.ffz-dark .card-carousel__button:hover .card-carousel__arrow:before
-.ffz-dark .carousel__button:hover .carousel__arrow:before {
-	border-color: #fff;
-}
-
-.ffz-dark .card .brick,
-.ffz-dark .brick.brick--theme-grey,
-.ffz-dark .card-carousel__button:hover
-.ffz-dark .carousel__button:hover {
-	background-color: #191919;
-}
-
-.ffz-dark .brick {
-	background-color: #121212;
-}
-
-.ffz-dark .dash-brick,
-.ffz-dark .dash-tabs__item--active .dash-tabs__label,
-.ffz-dark .ct-type-grey { color: #ccc }
-
-.ffz-dark .brick--marked.brick--theme-white,
-.ffz-dark .brick--marked.brick--theme-grey {
-	box-shadow: 3px 0 0 #9a7fcc inset,0 0 0 1px rgba(255,255,255,0.2) inset;
-}
-
-.ffz-dark .brick--faint,
-.ffz-dark .brick--block {
-	background-color: rgb(25,25,25);
-}
-
-.ffz-dark .brick,
-.ffz-dark .brick--faint,
-.ffz-dark .brick--block,
-.ffz-dark #action_feed .action,
-.ffz-dark .revHeader__item {
-	border-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark #mantle_skin .what { background-color: #6441a5; }
-.ffz-dark #action_feed .action { padding-bottom: 20px }
-
-.ffz-dark .js-stream-key-button-container .button {
-	margin: 15px auto;
-}
-
-.ffz-dark .js-show-stream-key,
-.ffz-dark .js-reset-stream-key {
-	display: block;
-	margin: 15px auto;
-	padding: 0;
-	text-align: center;
-	width: 100px;
-	color: #fff !important;
-}
-
-.ffz-dark .js-show-stream-key { background-color: #804400; }
-.ffz-dark .js-reset-stream-key { border-color: rgb(128,0,0); }
-
-.ffz-dark .js-show-stream-key:hover,
-.ffz-dark .js-show-stream-key:focus,
-.ffz-dark .js-reset-stream-key:hover,
-.ffz-dark .js-reset-stream-key:focus {
-	padding: 5px;
-	margin: 10px auto;
-}
-
-.ffz-dark .stream-key {
-	background: #000;
-	color: #f2f2f2;
-}
-
-.ffz-dark .js-show-stream-key:hover,
-.ffz-dark .js-show-stream-key:focus { background-color: rgb(192,102,0); }
-
-.ffz-dark .js-reset-stream-key:hover,
-.ffz-dark .js-reset-stream-key:focus { background-color: rgb(192,0,0); }
-
-.ffz-dark .statchart_aggregator .statchart_first_column {
-	background-color: rgb(32,32,32);
-	color: #ccc;
-	text-shadow: none;
-}
-
-.ffz-dark .statchart_aggregator {
-	margin-top: 10px;
-}
-
-.ffz-dark .statchart_aggregator td {
-	border-color: #3f3f42;
-}
-
-.ffz-dark .statchart_aggregator .statchart_first_column[style="color: #6441A5"] {
-	color: #a68ed2 !important;
-}
-
-.ffz-dark .whatisthis {
-	box-shadow: 0 0 0 1px rgba(255,255,255,0.2);
-}
-
-.ffz-dark .whatisthis:before {
-	border-top-color: #101010;
-}
-
-.ffz-dark .whatisthis:after {
-	border-top-color: #32323e;
-}
-
-.ffz-dark #chart_container svg rect[fill="#FFFFFF"] {
-	fill: rgb(32,32,32) !important;
-}
-
-.ffz-dark #chart_container svg rect[fill="rgb(255,255,255)"] {
-	fill: rgb(8,8,8) !important;
-}
-
-.ffz-dark #chart_container svg text[x="5"] {
-	color: #fff !important;
-	fill: #fff !important;
-}
-
-.ffz-dark #chart_container svg text.highcharts-title {
-	fill: #a68ed2 !important;
-}
-
-.ffz-dark #chart_container svg text {
-	fill: #fff;
-}
-
-.ffz-dark ul.subtabs li.selected {
-	background-color: #333;
-	border-radius: 4px;
-}
-
-.ffz-dark .dropmenu .menu-divider {
-	border-bottom-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark #header_logo svg path {
-	fill: #fff;
-}
-
-.ffz-dark #dash_main .action .content .data,
-.ffz-dark #site_header {
-	background-color: rgb(32,32,32);
-}
-
-.ffz-dark .header_divider {
-	border-right-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark #dash_main .dash-player-contain.collapsed #player_overlay,
-.ffz-dark .dash-hostmode-contain {
-    background: #202020;
-}
-
-.ffz-dark #dash_main #delay_controls,
-.ffz-dark #dash_main #commercial_buttons,
-.ffz-dark .dash-hostmode-list-contain {
-	border-top-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark #dash_main #controls_column .section_header {
-	color: #ccc;
-}
-
-.ffz-dark .main,
-.ffz-dark .fullwidth_main {
-	color: #ccc;
-	background-color: transparent;
-}
-
-.ffz-dark .following-col .col-header,
-.ffz-dark .following-col .header,
-.ffz-dark .whatisthis .actions .divider,
-.ffz-dark .dash-chat-column {
-	border-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .dash-column { border: none }
-.ffz-dark .js-dashboard-chat-module > div { border-right: none !important }
-
-
-.ffz-dark .vod-vertical-nav {
-	background-color: #191919;
-	border-color: #474747;
-}
-
-
-.ffz-dark .vod-vertical-nav__list-item .active,
-.ffz-dark .vod-vertical-nav__list-item .active:hover,
-.ffz-dark .vod-vertical-nav__list-item .active:active,
-.ffz-dark .vod-vertical-nav__list-item .active:focus {
-	background-color: #6441a5;
-}
-
-.ffz-dark .vod-vertical-nav__link:hover,
-.ffz-dark .vod-vertical-nav__link:active,
-.ffz-dark .vod-vertical-nav__link:focus {
-	background-color: #392e5c;
-}
-
-.ffz-dark .dashboard-page div[style*="background"][style*="#f9f8fc"] {
-	background-color: #191919 !important
-}
-
-
-/* Front Page: Pulse */
-
-.ffz-dark .newsfeed {
-	background-color: #101010;
-}
-
-
-
-/* /p/ Pages */
-
-.ffz-dark .header-announcement__link,
-.ffz-dark .front-page-announcement__link { color: inherit }
-
-.ffz-dark .header-announcement {
-	color: #fff;
-}
-
-.ffz-dark #mantle_skin .wrapper {
-	background-color: transparent;
-}
-
-.ffz-dark #mantle_skin div[style^=" display:background:#ffffff"],
-.ffz-dark #mantle_skin .social_links img {
-	background-color: #fff;
-}
-
-.ffz-dark #mantle_skin div[style^=" display:background:#ffffff"] .extraspace { color: #333 }
-
-.ffz-dark #mantle_skin ul.vtabs li .not_linked,
-.ffz-dark #mantle_skin ul.vtabs li a {
-	color: #acacbf;
-}
-
-.ffz-dark #partner_application .partner_reqs {
-	background-color: #191919;
-	border-color: #404040;
-}
-
-.ffz-dark #mantle_skin ul.vtabs li.selected a,
-.ffz-dark #mantle_skin ul.submenu li a:hover,
-.ffz-dark .sort-contain .sort-options li a:hover,
-.ffz-dark #mantle_skin ul.submenu .active a {
-	color: #fff !important;
-}
-
-.ffz-dark #mantle_skin ul.vtabs li a:hover {
-	color: rgb(222,222,222);
-	background-color: transparent;
-}
-
-.ffz-dark #mantle_skin .press_list .callout {
-	color: #acacbf;
-	border-left-color: #575757;
-}
-
-.ffz-dark .legal_page ol.legal li {
-	color: rgb(222,222,222);
-}
-
-.ffz-dark .static-page h1 {
-	color: #fff !important;
-	-webkit-text-stroke: none !important;
-}
-
-.ffz-dark .static-page p.p2 {
-	color: #ccc;
-	-webkit-text-stroke: none;
-}
-
-.ffz-dark .static-page td,
-.ffz-dark .static-page td {
-	border-color: #474747;
-}
-
-.ffz-dark .legal_page ol.legal li p {
-	color: #ccc;
-}
-
-/* Search */
-
-.ffz-dark ul.subtabs,
-.ffz-dark .user_list .user,
-.ffz-dark .mixed_list .user,
-.ffz-dark .video_list .video,
-.ffz-dark .mixed_list .video {
-	border-bottom-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .user_list .user .user_stats .followers_count,
-.ffz-dark .mixed_list .user .user_stats .followers_count,
-.ffz-dark .clmgr-meta-special figure,
-.ffz-dark li.video.vods img.video_type {
-	filter: invert(100%);
-	-webkit-filter: invert(100%);
-}
-
-.ffz-dark .form__input[type=range] {
-	background-color: transparent;
-}
-
-.ffz-dark .form__input[type=text],
-.ffz-dark .form__input[type=email],
-.ffz-dark .form__input[type=search],
-.ffz-dark select.pl-form__input,
-.ffz-dark textarea.form__input,
-.ffz-dark select.form__input,
-.ffz-dark .new-header-search input {
-	color: #fff;
-	background-color: rgba(255,255,255,0.05);
-	box-shadow: rgba(255,255,255,0.2) 0 0 0 1px inset;
-}
-
-.ffz-dark .form__input[type=text]:focus,
-.ffz-dark .form__input[type=email]:focus,
-.ffz-dark .form__input[type=search]:focus,
-.ffz-dark textarea.form__input:focus,
-.ffz-dark select.form__input:focus,
-.ffz-dark .new-header-search input:focus {
-	box-shadow: rgba(255,255,255,0.4) 0 0 0 1px inset;
-}
-
-/* Playlist */
-
-.ffz-dark .cn-chat-replay-header {
-	background: transparent;
-	border: none;
-}
-
-.ffz-dark .cn-chat-replay-header,
-.ffz-dark .ember-chat .chat-header {
-	box-shadow: inset 0 -1px 0 0 rgba(255,255,255,0.2);
-}
-
-.ffz-dark .playlist-controller,
-.ffz-dark .playlist-item {
-	border-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .playlist-container:not(.playlist-enabled) .playlist-item:hover,
-.ffz-dark .playlist-container:not(.playlist-enabled) .ui-sortable-helper {
-	background-color: rgba(255,255,255,0.2);
-}
-
-
-/* VoDs */
-
-.ffz-dark .app-main .chatReplay .notice-wrapper .svg-logo_glitch {
-	fill: #242424 !important;
-}
-
-.ffz-dark .app-main .chatReplay.dark,
-.ffz-dark .app-main .chatReplay .noticeWrap,
-.ffz-dark .app-main .chatReplay .notice-wrapper {
-	background-color: #19191f;
-}
-
-.ffz-dark.ffz-no-blue .app-main .chatReplay.dark,
-.ffz-dark.ffz-no-blue .app-main .chatReplay .noticeWrap,
-.ffz-dark.ffz-no-blue .app-main .chatReplay .notice-wrapper {
-	background-color: #191919;
-}
-
-.ffz-dark .chatReplay .loading-spinner-container {
-	background: rgba(25,25,25,0.65);
-}
-
-
-/* Conversations */
-
-.ffz-dark .conversations-list-bottom-bar {
-	background-color: #19191f;
-	color: #8c8c9c;
-	border-color: rgba(255,255,255,0.1);
-}
-
-.ffz-dark .conversation-list-bottom-bar:hover {
-	color: #fff;
-}
-
-.ffz-dark .conversations-list {
-	background-color: #19191f;
-	border: 1px solid #32323e;
-	color: #fff;
-}
-
-.ffz-dark .conversations-list:before {
-	right: 9px;
-	border-color: rgba(50,50,62,0);
-	border-top-color: #32323e;
-}
-
-.ffz-dark .conversations-list:after {
-	border-color: rgba(25,25,31,0);
-	border-top-color: #19191f;
-	border-width: 10px;
-	margin-left: -10px;
-}
-
-.ffz-dark .conversations-list .conversations-list-header {
-	background-color: #121217;
-	border-bottom: 1px solid #32323e;
-	color: #fff;
-}
-
-.ffz-dark .conversations-list .conversation-preview-line {
-	color: #8c8c9c;
-}
-
-.ffz-dark .conversations-list .search-divider,
-.ffz-dark .conversations-list .conversations-list-item {
-	border-bottom: 1px solid #32323e;
-}
-
-.ffz-dark .conversations-list .conversations-list-item:hover {
-	background-color: #121217;
-}
-
-.ffz-dark .conversation-window {
-	background-color: #19191f;
-	box-shadow: none;
-	color: #8c8c9c;
-}
-
-.ffz-dark .conversations-list .search-divider,
-.ffz-dark .convoHeader {
-	background-color: #121217;
-	box-shadow: none;
-}
-
-.ffz-dark .conversation-input-actions .button,
-.ffz-dark .conversation-input-actions .follow-button:not(.ember-follow) .follow,
-.ffz-dark .follow-button:not(.ember-follow) .conversation-input-actions .follow {
-	background-color: #444;
-}
-
-.ffz-dark .conversation-window.has-focus .convoHeader {
-	background-color: #121217;
-}
-
-.ffz-dark .conversation-window.has-focus .convoHeader .username {
-	color: #fff;
-}
-
-.ffz-dark .conversation-window.has-focus .conversation-input-bar textarea:focus {
-	border-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .conversation-window.has-focus .conversation-input-actions .button,
-.ffz-dark .conversation-window.has-focus .conversation-input-actions .follow-button:not(.ember-follow) .follow,
-.ffz-dark .follow-button:not(.ember-follow) .conversation-window.has-focus .conversation-input-actions .follow {
-	background-color: #6441a5;
-}
-
-.ffz-dark .conversation-system-message {
-	background-color: #19191f;
-	color: #8c8c9c;
-	border-bottom: 1px solid #32323e;
-}
-
-.ffz-dark .conversation-input-bar .emoticon-selector-toggle svg path {
-	fill: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .conversation-input-bar .emoticon-selector-toggle:hover svg path {
-	fill: rgba(255,255,255,0.5);
-}
-
-.ffz-dark .emoticon-selector-box .emote-set {
-	border-color: #323232 !important;
-}
-
-.ffz-dark .conversation-input-bar .emoticon-selector-box .emoticon-grid {
-	background-color: #191919;
-}
-
-.ffz-dark .ember-chat .chat-settings .experimental-options {
-	border-top-color: rgba(255,255,255, 0.2);
-}
-
-.ffz-dark .dash-widget__divider,
-.ffz-dark .conversation-settings-menu .options-divider {
-	border-bottom-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .conversation-settings-menu:before {
-	border-color: transparent;
-	border-bottom-color: #32323e;
-}
-
-.ffz-dark .conversation-settings-menu:after {
-	border-color: transparent;
-	border-bottom-color: rgb(16,16,16);
-}
-
-.ffz-dark .conversation-window {
-	border: 1px solid rgba(255,255,255,0.2);
-}
-
-.ffz-dark:not(.ffz-top-conversations) .conversation-window {
-	border-bottom: none;
-}
-
-.ffz-dark.ffz-top-conversations .conversation-window {
-	border-top: none;
-}
-
-.ffz-dark .conversation-window:not(.collapsed) .convoHeader {
-	border-bottom: 1px solid rgba(255,255,255,0.2);
-}
-
-
-/* Creative UI */
-
-.ffz-dark .ct-spotlight__right {
-	background-color: #121212;
-}
-
-.ffz-dark .ct-spotlight__controls-container {
-	background-color: #161616;
-	box-shadow: -1px 0 0 #303030 inset;
-}
-
-.ffz-dark .ct-bar {
-	background-color: #121212;
-	box-shadow:
-		0 2px 6px -2px rgba(255,255,255,0.1),
-		0 1px 0 rgba(255,255,255,0.05),
-		0 -1px 0 rgba(255,255,255,0.05);
-}
-
-.ffz-dark .ct-banner__name,
-.ffz-dark .ct-banner__status,
-.ffz-dark .ct-type-2,
-.ffz-dark .ct-type-4 {
-	color: #aaa;
-}
-
-.ffz-dark .ct-type-grey-light {
-	color: #ccc;
-}
-
-
-.ffz-dark .ct-crumb:after {
-	box-shadow: 12px -6px 24px -8px rgba(255,255,255,0.1);
-	border-color: #303030;
-}
-
-.ffz-dark .ct-spotlight__avatar {
-	box-shadow: 0 0 0 1px #303030, 0 2px 3px #303030;
-}
-
-.ffz-dark .ct-spotlight__right--col .ct-spotlight__card-container {
-	box-shadow: 0 -1px 0 #303030 inset;
-}
-
-.ffz-dark hr,
-.ffz-dark .ct-spotlight__section,
-.ffz-dark .balloon__stroke,
-.ffz-dark .ct-spotlight__avatar,
-.ffz-dark .ct-bar__item {
-	border-color: #303030;
-}
-
-.ffz-dark .ct-crumb--1:after,
-.ffz-dark .ct-crumb--1 .ct-crumb__label {
-	background-color: #121212;
-}
-
-.ffz-dark .ct-crumb--2:after,
-.ffz-dark .ct-crumb--2 .ct-crumb__label {
-	background-color: #161616;
-}
-
-
-/* Creative Tags */
-
-.ffz-dark .ct-tags__tag {
-	background-color: #121212;
-	color: #999 !important;
-}
-
-.ffz-dark .ct-tag--light .ct-tag__link:hover { color: #ccc !important }
-
-.ffz-dark .ct-tags__tag:hover {
-	background-color: #000;
-	color: #ccc !important;
-}
-
-.ffz-dark .ct-tags__tag.ct-tags__tag--current {
-	background-color: #7d5bbc;
-	color: #fff !important;
-}
-
-.ffz-dark .ct-banner--off .ct-banner__header { color: #999 }
-.ffz-dark .ct-banner--off .ct-banner__link { color: #ccc }
-
-
-/* Activity Feeds */
-
-.button.alert { color: #fff !important }
-
-.ffz-dark .activity-notice { background-color: rgba(24,24,24,0.9) }
-.ffz-dark .pill { background-color: rgba(255,255,255,0.2) }
-
-.ffz-dark .activity-list-end svg { fill: #474747 }
-
-.ffz-dark .activity-meta {
-	box-shadow: 0 1px 0 #474747;
-}
-
-.ffz-dark .activity-meta-divider:before {
-	background-color: #191919;
-	border-top-color: #474747;
-	border-left-color: #474747;
-}
-
-.ffz-dark .activity-button:hover {
-	border-color: #d5d5d5;
-	background-color: #242424;
-}
-
-.ffz-dark .activity-create:not(.activity-create--expand) { border-color: #474747 }
-
-.ffz-dark .activity-create__actions {
-	background-color: #191919;
-	border-color: #474747;
-	box-shadow: none;
-}
-
-.ffz-dark .activity-create__container,
-.ffz-dark .activity-button {
-	border-color: #474747;
-	color: #fff !important;
-	background-color: #191919;
-}
-
-.ffz-dark .activity-card {
-	border: 1px solid;
-	background-color: #191919;
-}
-
-.ffz-dark .activity-card__reason {
-	background-color: #141414;
-	color: #ccc;
-	box-shadow: none;
-}
-
-.ffz-dark .list-load-more,
-.ffz-dark .activity-card {
-	border-color: #474747;
-}
-
-.ffz-dark .activity-card__status {
-	background-color: #191919;
-}
-
-.ffz-dark .activity-meta-divider {
-	box-shadow: inset 0 -1px 0 #474747;
-}
-
-.ffz-dark a.balloon__link:hover { color: #fff !important }
-.ffz-dark .activity-meta__name { color: #ccc }
-
-
-.ffz-dark .activity-reaction__emote-contain {
-	background-color: #101010;
-}
-
-
-.ffz-dark .activity-comments {
-	border-color: #474747;
-}
-
-.ffz-dark .activity-comment:hover {
-	background-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .activity-card__comments {
-	background-color: #121212;
-	box-shadow:inset 0 1px 0 #474747;
-}
-
-.ffz-dark .activity-create {
-	background-color: #101010;
-	box-shadow: none; /*inset 0 0 0 1px #474747;*/
-}
-
-.ffz-dark .activity-create--card {
-	box-shadow: 0 1px 2px rgba(255,255,255,0.2);
-}
-
-.ffz-dark .c-background { background: #101010 !important }
-
-.ffz-dark .activity-create--focus {
-	background-color: #191919;
-	/*box-shadow: none; inset 0 0 0 1px #474747;*/
-	border-color: rgba(255,255,255,0.4) !important;
-}
-
-.ffz-dark .c-text { color: #aaa !important }
-.ffz-dark .c-text-alt { color: #999 !important }
-
-.ffz-dark .activity-add-comment__textarea:before {
-	background: #1d1d1d;
-	border-left-color: #474747;
-	border-bottom-color: #474747;
-}
-
-.ffz-dark .mod-dashboard__video-title,
-.ffz-dark .activity-card { color: #ccc }
-
-.inherit-color { color: inherit !important }
-
-.ffz-dark .tw-button--icon-only figure svg {
-	fill: #a68cd4;
-}
-
-.ffz-dark .mod-comment {
-	background-color: #191919;
-	box-shadow: inset 0 0 0 1px #474747;
-}
-
-.ffz-dark .mod-comment__timestamp {
-	color: #a68cd4;
-	background-color: #222;
-}
-
-.ffz-dark .mod-comment__video a:active,
-.ffz-dark .mod-comment__video a:focus,
-.ffz-dark .mod-comment__video a:hover { background-color: #333 !important }
-
-.ffz-dark .mod-comment:active,
-.ffz-dark .mod-comment:focus,
-.ffz-dark .mod-comment:hover {
-	box-shadow: 0 2px 2px 0 rgba(255,255,255,.05), inset 0 0 0 1px #474747;
-}
-
-.ffz-dark .c-background-alt-2 {
-	background-color: #222 !important
-}
-
-.ffz-dark .automod-words__item {
-	border-color: #474747;
-	background-color: #111;
-}
-
-.ffz-dark .automod-words__item--selected {
-	background-color: #333;
-}
-
-.ffz-dark .automod-words__text { color: #ccc }
-
-.ffz-dark .automod-words__fade-mask {
-	background: none;
-}
-
-/* VOD Messages */
-
-.ffz-dark .vod-chat {
-	color: #ccc;
-	background-color: #191919;
-}
-
-.ffz-dark .vod-chat__header {
-	box-shadow: inset 0 -1px 0 0 #474747;
-}
-
-.ffz-dark .vod-message.vod-message--focused .vod-message__reply,
-.ffz-dark .vod-message:hover .vod-message__reply,
-.ffz-dark .vod-message__reply {
-	box-shadow: inset 3px 0 0 0 #474747;
-}
-
-.ffz-dark .vod-message__reply-button {
-	color: #a68cd4;
-}
-
-.ffz-dark .vod-chat__input {
-	background-color: #191919;
-	box-shadow: inset 0 1px 0 0 #474747;
-}
-
-.ffz-dark .vod-message.vod-message--focused,
-.ffz-dark .vod-message:hover {
-	background-color: #333;
-}
-
-/* Search Panel */
-
-.ffz-dark[data-current-path="user.channel.index.index"] .search-panel { background-color: rgba(16,16,16,0.9) }
-
-.ffz-dark .search-panel {
-	background-color: #101010;
-	color: #C3C3C3;
-}
-
-.ffz-dark .search-panel--fly:before,
-.ffz-dark .search-panel--fly:after {
-	border-bottom-color: #404040;
-}
-
-.ffz-dark .search-panel__title-bar {
-	background-color: #090909;
-}
-
-.ffz-dark .search-panel,
-.ffz-dark .search-panel__title-bar,
-.ffz-dark .search-panel__title-back {
-	border-color: rgba(255,255,255,0.2)
-}
-
-.ffz-dark .search-panel__title { color: #999 }
-
-.ffz-dark .search-panel__title-back:hover,
-.ffz-dark .search-result-view__block.isActive { background-color: #222 }
-
-.ffz-dark .search-result-view__titlesep:hover,
-.ffz-dark a:hover .card__title,
-.ffz-dark .card__title a:hover,
-.ffz-dark .card__info a:hover {
-	color: #ccd;
-}
-
-.ffz-dark .search-result-view__block .card__info span,
-.ffz-dark .search-result-view__block .card__title,
-.ffz-dark .search-result-view__title-more { color: #a68ed2 !important }
-.ffz-dark .search-result-view__titlesep {
-	background-color: #090909;
-}
-
-.ffz-dark .search-result-view__block .card__layout:hover .card__info span,
-.ffz-dark .search-result-view__block .card__layout:hover .card__title {
-	color: #fff !important
-}
-
-
-/* Channel Redesign */
-
-.ffz-dark .cn-bar {
-	background-color: #101010;
-	box-shadow: inset 0 -1px 0 #161616, -1px 1px rgba(255,255,255,0.065);
-}
-
-.ffz-dark .twitchbot-settings__border-more,
-.ffz-dark .border-t,
-.ffz-dark .border-b,
-.ffz-dark .cn-metabar__more {
-	border-color: rgba(255,255,255,0.2) !important;
-}
-
-.ffz-dark .twitchbot-settings__hover-text-help,
-.ffz-dark .twitchbot-settings__rule-container:hover,
-.ffz-dark .twitchbot-settings__right-container {
-	background-color: #191919;
-}
-
-
-.ffz-dark .cn-bar__button--resubscribe,
-.ffz-dark .button--icon.cn-bar__button--subscribed {
-	background-color: #161616;
-	box-shadow: 0 0 0 1px rgba(255,255,255,0.065) inset;
-}
-
-
-.ffz-dark .twitchbot-settings__help,
-.ffz-dark .twitchbot-settings__level-context,
-.ffz-dark .cn-bar__avatar-wrap {
-	background-color: #101010;
-	border-color: #101010;
-}
-
-.ffz-dark .twitchbot-settings__arrow-up {
-	border-bottom-color: #101010;
-}
-
-.ffz-dark .cn-bar__displayname {
-	color: #c3c3c3;
-}
-
-.ffz-dark .cn-tabs__item--withseparator:after {
-	border-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .cn-tabs__item > a {
-	color: #999;
-}
-
-.ffz-dark .cn-tabs__item > a.active,
-.ffz-dark .cn-tabs__item > a:hover {
-	color: #a68ed2;
-}
-
-.ffz-dark .cn-tabs__item > a:hover:after {
-	border-color: #a68ed2;
-}
-
-.ffz-dark .offer-list__core:after,
-.ffz-dark .offer-item__ci:after {
-	background-image: linear-gradient(rgba(16,16,16,0) 0,#101010 100%)
-}
-
-/* Video Uploads */
-
-.ffz-dark .vod-vertical-nav + div .card > div[style],
-.ffz-dark #video-manager .card > div[style],
-.ffz-dark .videos.uploads .card > div[style] {
-	background-color: #101010 !important;
-}
-
-.ffz-dark .cn-vod-info__divider { background-color: rgba(255,255,255,0.2) }
-.ffz-dark .card__body--theme-grey {
-	background-color: #161616;
-}
-
-.ffz-dark .drop-zone__border,
-.ffz-dark .subscription-modal__right,
-.ffz-dark .subscription-modal__bar {
-	border-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .subscription-modal__sub-tabs input:checked+.subscription-modal__sub-tabs-label {
-	color: #ccc;
-	box-shadow: 0 -2px 0 #a68ed2 inset, 0 4px 6px -4px #a68cd4;
-}
-
-.ffz-dark .subscription-modal__sub-tabs-label {
-	color: #a68cd4;
-}
-
-.ffz-dark .balloon .filter-bar__balloon-link--active {
-	color: #fff !important;
-	background-color: #6441a5 !important;
-}
-
-
-/* New Dashboard */
-
-.ffz-dark .gu-transit,
-.ffz-dark .dash-widget {
-	background-color: #191919;
-	border-color: rgba(255,255,255,0.2);
-	box-shadow: 0 2px 2px 0 rgba(255,255,255,0.05);
-	color: #c3c3c3;
-}
-
-.ffz-dark .form__input[type=checkbox]:not(:checked)+label:before,
-.ffz-dark .form__input[type=radio]:not(:checked)+label:before,
-.ffz-dark .dash-widget__header {
-	background-color: #232323;
-	border-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .dash-widget-watchparty-card:hover {
-	background-color: rgba(255,255,255,0.1);
-}
-
-
-/* Notification Center */
-
-.ffz-dark .notification-center {
-	background-color: #101010;
-	color: #C3C3C3;
-	box-shadow: 0 0 0 1px rgba(255,255,255,0.2);
-}
-
-.ffz-dark .notification-center-balloon:before,
-.ffz-dark .notification-center-balloon:after { display: none }
-
-.ffz-dark .friend-requests__empty,
-.ffz-dark .friend-request__content-msg,
-.ffz-dark .friend-requests__footer a:hover,
-.ffz-dark .notification-center__unread-container,
-.ffz-dark .notification-center__subheader-text,
-.ffz-dark .notification__content-msg,
-.ffz-dark .notification-center__header-text { color: #C3C3C3 }
-.ffz-dark .notification__details { color: #777 }
-
-.ffz-dark .notification__dismiss svg,
-.ffz-dark .notification__details svg { fill: #777 }
-
-.ffz-dark .notification__dismiss:hover svg { fill: #AAA }
-.ffz-dark .notification__dismiss svg polygon { fill: #333 }
-
-.ffz-dark .notification-center__subheader {
-	background-color: #1a1a1a;
-	border-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .sc-onboarding .sc-onboarding__content,
-.ffz-dark .sc-onboarding .sc-onboarding__close {
-	background-color: #101010;
-	box-shadow: -0.1rem 0 0 #474747 inset;
-}
-
-.ffz-dark .sc-onboarding {
-	box-shadow: 0 0 0 0.1rem #474747;
-}
-
-.ffz-dark .offer-item__ci--wrap { border-color: #474747 }
-
-.ffz-dark .offer-item__background--purple,
-.ffz-dark .offer-item--title,
-.ffz-dark .notification-center__footer,
-.ffz-dark .notification-center__header {
-	border-color: rgba(255,255,255,0.2);
-	background-color: #101010;
-}
-
-.ffz-dark .offer-item__background--gray,
-.ffz-dark .notification-center__core {
-	background-color: rgba(255,255,255,0.05);
-}
-
-.ffz-dark .notification-center__core-end {
-	box-shadow: inset 0.1rem 0.4rem 1rem -.5rem;
-	color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .friend-requests__empty,
-.ffz-dark .friend-requests__footer,
-.ffz-dark .notification--read,
-.ffz-dark .notification {
-	background-color: rgba(255,255,255,0.01);
-	border-color: rgba(255,255,255,0.1);
-}
-
-.ffz-dark .notification--unread {
-	background-color: rgba(255,255,255,0.05);
-	border-color: rgba(255,255,255,0.1);
-}
-
-.ffz-dark .friend-requests__footer:hover,
-.ffz-dark .notification--read:hover,
-.ffz-dark .notification--unread:hover {
-	background-color: rgba(255,255,255,0.1);
-}
-
-.ffz-dark .friend-requests__footer a {
-	color: #a68ed2;
-}
-
-/* Playlists are Stupid */
-
-.ffz-dark .playlist-card__title { color: #ccc }
-.ffz-dark .playlist-card-meta__stat { color: #a68cd4 }
-
-.ffz-dark .playlist-add-search-card__layout {
-	border-color: transparent !important;
-	box-shadow: none !important;
-}
-
-.ffz-dark .playlist-add-search-card--selected:before {
-	background-color: rgba(255,255,255,0.1);
-}
-
-.ffz-dark .playlist-card {
-	color: #ccc;
-	background-color: #161616;
-}
-
-.ffz-dark .dash-widget-watchparty-card__gripper,
-.ffz-dark .playlist-editor-card__gripper {
-	background-color: #242424;
-	box-shadow: -8px 0 5px -5px #202020;
-}
-
-.ffz-dark img[src="https://static-cdn.jtvnw.net/ttv-playlists-thumbnails-prod/missing-video-thumb-640x360.png"] {
-	filter: grayscale(100%) invert(100%);
-}
-
-/* Front Page is Stupid */
-
-.ffz-dark .fp-side {
-	background-color: #191919;
-	box-shadow: inset 0 0 0 1px #474747;
-}
-
-.ffz-dark .fp-side__footer {
-	background-color: #121212;
-	box-shadow:
-		inset 0 -1px 0 #474747,
-		inset -1px 0 0 #474747,
-		inset 1px 0 0 #474747;
-}
-
-.ffz-dark .fp-carousel-nav__item:not(.fp-carousel-nav__item--active) {
-	border-color: #474747;
-}
-
-.ffz-dark .fp-carousel__title,
-.ffz-dark .fp-carousel__desc p,
-.ffz-dark .fp-carousel__name,
-.ffz-dark .fp-side__header { color: #c3c3c3 }
-
-/* Game Pages */
-
-.ffz-dark .game-details-igc__details,
-.ffz-dark .game-details__section--white {
-	background-color: #060606;
-}
-
-.ffz-dark .game-details__section--grey {
-	background-color: #101010;
-}
-
-.ffz-dark .inventory-header,
-.ffz-dark .game-details-igc__card,
-.ffz-dark .cmrc-igc-line--with-separators,
-.ffz-dark .game-details__section--white+.game-details__section--grey,
-.ffz-dark .game-details__section--grey+.game-details__section--white {
-	border-color: #474747;
-}
-
-.ffz-dark .icon-platform-windows--black svg {
-	fill: #ccc;
-}
-
-.ffz-dark .activity--not-included { background-color: #202020; }
-
-.ffz-dark .activity--level-0 { background-color: rgba(100,65,164,.1) }
-.ffz-dark .activity--level-1 { background-color: rgba(100,65,164,.25) }
-.ffz-dark .activity--level-2 { background-color: rgba(100,65,164,.4) }
-.ffz-dark .activity--level-3 { background-color: rgba(100,65,164,.55) }
-.ffz-dark .activity--level-4 { background-color: rgba(100,65,164,.7) }
-.ffz-dark .activity--level-5 { background-color: rgba(100,65,164,.85) }
-.ffz-dark .activity--level-6 { background-color: rgba(100,65,164,1) }
-
-.ffz-dark .inventory-item__image {
-	background-color: #191919;
-	border-color: #474747;
-}
-
-.ffz-dark .border-r {
-	border-color: #474747;
-}
-
-.ffz-dark .bg--grey {
-	background-color: #242424;
-}
-
-.ffz-dark .clmgr-table__cell-wrapper:nth-child(even) .clmgr-table__cell--collapsed {
-	background-color: rgba(255,255,255,0.1);
-}
-
-.ffz-dark .clmgr-table__cell-wrapper:nth-child(even) .clmgr-table__cell--collapsed:hover,
-.ffz-dark .clmgr-table__cell--collapsed:hover {
-	background-color: rgba(255,255,255,0.2);
-}
-
-.ffz-dark .stats-table__header {
-	background-color: #101010;
-}
-
-.ffz-dark .border,
-.ffz-dark .stats-table__cell,
-.ffz-dark .stats-table {
-	border-color: #474747;
-}
-
-.ffz-dark .stats-table__cell { color: #ccc }
-
-.ffz-dark .stats-table__row:nth-child(even) {
-	background-color: #191919;
-}
-
-.ffz-dark .stats-table__row:hover {
-	background-color: #333;
-}
\ No newline at end of file
diff --git a/gulpfile.js b/gulpfile.js
deleted file mode 100644
index a6a4b08c..00000000
--- a/gulpfile.js
+++ /dev/null
@@ -1,292 +0,0 @@
-// Dependencies
-var fs = require('fs'),
-	gulp = require('gulp'),
-	browserify = require('gulp-browserify'),
-	header = require('gulp-header'),
-	footer = require('gulp-footer'),
-	concat = require('gulp-concat'),
-	clean = require('gulp-clean'),
-	util = require('gulp-util'),
-	rename = require('gulp-rename'),
-	uglify = require('gulp-uglify');
-
-// Templates
-var jsEscape = require('gulp-js-escape'),
-	wrap = require('gulp-wrap'),
-	declare = require('gulp-declare'),
-	cleanCSS = require('gulp-clean-css');
-
-
-// LESS
-var less = require('gulp-less'),
-	sourcemaps = require('gulp-sourcemaps');
-
-
-// Deploy Dependencies
-var ftp = require('vinyl-ftp'),
-	request = require('request');
-
-
-// Server Dependencies
-var http = require("http"),
-	https = require("https"),
-	net = require('net'),
-	path = require("path"),
-	request = require("request"),
-	url = require("url");
-
-var server_version = "0.1.1";
-
-
-// Tasks
-
-gulp.task('clean', function() {
-	return gulp.src('build', {read:false})
-		.pipe(clean());
-});
-
-gulp.task('prepare', ['clean'], function() {
-	return gulp.src(['src/**/*'])
-		.pipe(gulp.dest('build/'));
-});
-
-
-//gulp.task('templates', ['prepare'], function() {
-//	return gulp.src(['build/templates/**/*.hbs'])
-//		.pipe(jsEscape())
-//		.pipe(wrap('Handlebars.compile(<%= contents %>)'))
-//		.pipe(declare({
-//			root: 'exports',
-//			noRedeclare: true,
-//			processName: function(filePath) {
-//				var match = filePath.match(/build[\\\/]templates[\\\/](.*)\.hbs$/);
-//				return declare.processNameByPath((match && match.length > 1) ? match[1] : filePath);
-//			}
-//		}))
-//		.pipe(concat('templates.js'))
-//		.pipe(gulp.dest('build/'))
-//		.on('error', util.log);
-//});
-
-gulp.task('styles', ['prepare'], function() {
-	//return;
-	return gulp.src(['build/less/*.less', '!build/less/style.less'])
-		.pipe(sourcemaps.init())
-		.pipe(less())
-		.pipe(sourcemaps.write())
-		.pipe(gulp.dest(__dirname))
-		.on('error', util.log);
-});
-
-
-gulp.task('embedded_styles', ['prepare'], function() {
-	return gulp.src(['build/styles/**/*.css'])
-		.pipe(cleanCSS())
-		.pipe(jsEscape())
-		.pipe(declare({
-			root: 'exports',
-			noRedeclare: true,
-			processName: function(filePath) {
-				var match = filePath.match(/build[\\\/]styles[\\\/](.*)\.css$/);
-				return declare.processNameByPath((match && match.length > 1) ? match[1] : filePath);
-			}
-		}))
-		.pipe(concat('compiled_styles.js'))
-		.pipe(gulp.dest('build/'))
-		.on('error', util.log)
-});
-
-
-gulp.task('scripts', ['embedded_styles'], function() {
-	return gulp.src(['build/main.js'])
-		.pipe(browserify())
-		.pipe(concat('script.js'))
-		.pipe(header('(function(window) {'))
-		.pipe(footer(';window.ffz = new FrankerFaceZ()}(window));'))
-		.pipe(gulp.dest(__dirname))
-		.on('error', util.log);
-});
-
-
-gulp.task('watch', ['default', 'server'], function() {
-	return gulp.watch('src/**/*', ['default']);
-});
-
-gulp.task('default', ['styles', 'scripts']);
-
-
-// Deploy
-
-gulp.task('minify_script', ['scripts'], function() {
-	return gulp.src(['*.js', '!*.min.js', '!gulpfile.js'])
-		.pipe(uglify())
-		.pipe(rename(function(path) {
-			path.basename += '.min';
-		}))
-		.pipe(gulp.dest(__dirname))
-		.on('error', util.log);
-});
-
-gulp.task('minify_style', function() {
-	return gulp.src(['*.css', '!*.min.css'])
-		.pipe(cleanCSS())
-		.pipe(rename(function(path) {
-			path.basename += '.min';
-		}))
-		.pipe(gulp.dest(__dirname))
-		.on('error', util.log);
-});
-
-gulp.task('minify', ['minify_script', 'minify_style']);
-
-
-gulp.task('upload', ['minify'], function() {
-	// Load credentials from an external file.
-	var contents = fs.readFileSync('credentials.json', 'utf8'),
-		cred = JSON.parse(contents);
-
-	cred.log = util.log;
-
-	// Create the connection.
-	var conn = ftp.create(cred);
-
-	// What we're transfering.
-	var ftp_path = cred.remote_path,
-
-		globs = [
-			"script.min.js",
-			"style.min.css",
-			"dark.min.css",
-			"changelog.html"
-		];
-
-	util.log(cred.remote_path);
-
-	return gulp.src(globs, {base: '.', buffer: false})
-		.pipe(conn.newerOrDifferentSize(ftp_path))
-		.pipe(conn.dest(ftp_path))
-		.on('error', util.log);
-});
-
-gulp.task('clear_cache', ['upload'], function(cb) {
-	// Load credentials from an external file.
-	var contents = fs.readFileSync('credentials.json', 'utf8'),
-		cred = JSON.parse(contents);
-
-	// Build the URLs.
-	var base = "://cdn.frankerfacez.com/script/",
-		files = [],
-		globs = [
-			"script.min.js",
-			"style.min.css",
-			"dark.min.css",
-			"changelog.html"
-		];
-
-	for(var i=0; i < globs.length; i++) {
-		files.push("http" + base + globs[i]);
-		files.push("https" + base + globs[i]);
-	}
-
-	request({
-		method: 'DELETE',
-		uri: "https://api.cloudflare.com/client/v4/zones/" + cred.cloudflare_zone + "/purge_cache",
-		headers: {
-			"X-Auth-Email": cred.cloudflare_email,
-			"X-Auth-Key": cred.cloudflare_key
-		},
-		json: {
-			"files": files
-		}
-	}, function(error, request, body) {
-		if ( error )
-			return util.log("[FAIL] Error: " + error);
-		else if ( request.statusCode !== 200 )
-			return util.log("[FAIL] Non-200 Status: " + request.statusCode);
-
-		util.log("[SUCCESS] Cache cleared.");
-		cb();
-	});
-});
-
-gulp.task('deploy', ['upload', 'clear_cache']);
-
-
-// Server
-
-gulp.task('server', function() {
-	var handle_req = function(req, res) {
-		var uri = url.parse(req.url).pathname,
-			lpath = path.join(uri).split(path.sep);
-
-		if ( uri == "/dev_server" ) {
-			util.log("[" + util.colors.cyan("HTTP") + "] " + util.colors.green("200") + " GET " + util.colors.magenta(uri));
-			res.writeHead(200, {"Content-Type": "application/json", "Access-Control-Allow-Origin": "*"});
-			return res.end(JSON.stringify({path: process.cwd(), version: server_version}));
-		}
-
-		if ( ! lpath[0] )
-			lpath.shift();
-
-		if ( lpath[0] == "script" )
-			lpath.shift();
-		else
-			lpath.splice(0, 0, "cdn");
-
-		var file = path.join(process.cwd(), lpath.join(path.sep));
-
-		fs.exists(file, function(exists) {
-			if ( ! exists ) {
-				util.log("[" + util.colors.cyan("HTTP") + "] " + util.colors.bold.blue("CDN") + " GET " + util.colors.magenta(uri));
-				return request.get("http://cdn.frankerfacez.com/" + uri).on('error', function(err) { res.end() }).pipe(res);
-			}
-
-			var headers = {"Access-Control-Allow-Origin": "*"};
-
-			if ( fs.lstatSync(file).isDirectory() ) {
-				util.log("[" + util.colors.cyan("HTTP") + "] " + util.colors.red("403") + " GET " + util.colors.magenta(uri));
-				res.writeHead(403, headers);
-				res.write('403 Forbidden');
-				return res.end();
-			}
-
-			if ( file.substr(file.length-4) === ".svg" )
-				headers['Content-Type'] = 'image/svg+xml';
-
-			util.log("[" + util.colors.cyan("HTTP") + "] " + util.colors.green("200") + " GET " + util.colors.magenta(uri));
-			res.writeHead(200, headers);
-			fs.createReadStream(file).pipe(res);
-		});
-
-	};
-
-	if ( fs.existsSync("dev_key.pem") ) {
-		var https_options = {
-			key: fs.readFileSync("dev_key.pem"),
-			cert: fs.readFileSync("dev_cert.pem")
-		};
-
-		http.createServer(handle_req).listen(8001, "localhost");
-		https.createServer(https_options, handle_req).listen(8002, "localhost");
-
-		net.createServer(function(conn) {
-			conn.on('error', function(e) {
-				util.log("[" + util.colors.cyan("HTTP") + "] Connection Error: " + util.colors.magenta('' + e));
-			});
-
-			conn.once('data', function(buf) {
-				var address = (buf[0] === 22) ? 8002 : 8001;
-				var proxy = net.createConnection(address, function() {
-					proxy.write(buf);
-					conn.pipe(proxy).pipe(conn);
-				});
-			});
-		}).listen(8000);
-
-		util.log("[" + util.colors.cyan("HTTPS") + "] Listening on Port: " + util.colors.magenta("8000"));
-
-	} else {
-		http.createServer(handle_req).listen(8000, "localhost");
-		util.log("[" + util.colors.cyan("HTTP") + "] Listening on Port: " + util.colors.magenta("8000"));
-	}
-});
\ No newline at end of file
diff --git a/old_changes.html b/old_changes.html
index 06de919b..687d4547 100644
--- a/old_changes.html
+++ b/old_changes.html
@@ -1,3 +1,72 @@
+<div class="list-header">3.5.536 <time datetime="2017-11-07">(2017-11-07)</time></div>
+<ul class="chat-menu-content menu-side-padding">
+	<li>Changed: Enable Transparent (Colored) badges in non-Webkit browsers. Note: The feature may not function correctly in all browsers.</li>
+</ul>
+
+<div class="list-header">3.5.535 <time datetime="2017-11-02">(2017-11-02)</time></div>
+<ul class="chat-menu-content menu-side-padding">
+	<li>Fixed: Raid notices not rendering in chat.</li>
+</ul>
+
+<div class="list-header">3.5.534 <time datetime="2017-10-04">(2017-10-04)</time></div>
+<ul class="chat-menu-content menu-side-padding">
+	<li>Fixed: Reset Player button not getting added to player because the menu element was renamed.</li>
+</ul>
+
+<div class="list-header">3.5.533 <time datetime="2017-10-01">(2017-10-01)</time></div>
+<ul class="chat-menu-content menu-side-padding">
+	<li>Added: Experimental new feature, promoted messages.</li>
+	<li>&nbsp;</li>
+	<li>Moderators can promote a message to have it appear in Recent Highlights for users that
+		have the feature enabled. To promote a message, a moderator must use the command
+		<code>/ffz promote &lt;id&gt;</code> with the appropriate message id. The easiest
+		way to do this is to add a custom in-line moderation icon with the command
+		<code>/ffz promote {id}</code></li>
+</ul>
+
+<div class="list-header">3.5.532 <time datetime="2017-09-30">(2017-09-30)</time></div>
+<ul class="chat-menu-content menu-side-padding">
+	<li>Changed: And the tooltip rendering tweaks keep coming</li>
+</ul>
+
+<div class="list-header">3.5.531 <time datetime="2017-09-29">(2017-09-29)</time></div>
+<ul class="chat-menu-content menu-side-padding">
+	<li>Changed: Properly calculate tooltip positions when added to an element other than the document root.</li>
+</ul>
+
+<div class="list-header">3.5.530 <time datetime="2017-09-29">(2017-09-29)</time></div>
+<ul class="chat-menu-content menu-side-padding">
+	<li>Fixed: Make sure the dashboard module is loaded before trying to modify dashboard widgets.</li>
+</ul>
+
+<div class="list-header">3.5.529 <time datetime="2017-09-28">(2017-09-28)</time></div>
+<ul class="chat-menu-content menu-side-padding">
+	<li>Changed: Rewrite tooltip rendering to try making them better positioned.</li>
+	<li>Added: Clickable links in the Following tooltip, as a result of the rewrite.</li>
+</ul>
+
+<div class="list-header">3.5.528 <time datetime="2017-09-26">(2017-09-26)</time></div>
+<ul class="chat-menu-content menu-side-padding">
+	<li>Fixed: Bug loading emote data from the server.</li>
+	<li>Fixed: Initialize the full Ember modifications when loading the settings pages and products page that has been brought into the Ember app.</li>
+</ul>
+
+<div class="list-header">3.5.527 <time datetime="2017-09-25">(2017-09-25)</time></div>
+<ul class="chat-menu-content menu-side-padding">
+	<li>Changed: More tweaks to tooltip rendering to support backend improvements.</li>
+</ul>
+
+<div class="list-header">3.5.526 <time datetime="2017-09-22">(2017-09-22)</time></div>
+<ul class="chat-menu-content menu-side-padding">
+	<li>Changed: Minor tweaks to tooltip rendering to support improvements to the backend.</li>
+</ul>
+
+<div class="list-header">3.5.525 <time datetime="2017-09-20">(2017-09-20)</time></div>
+<ul class="chat-menu-content menu-side-padding">
+	<li>Fixed: Twitch's native dark theme breaking the re-colored site header.</li>
+	<li>Fixed: Take control of Twitch's native dark theme when enabling or disabling FFZ's dark theme.</li>
+</ul>
+
 <div class="list-header">3.5.524 <time datetime="2017-09-15">(2017-09-15)</time></div>
 <ul class="chat-menu-content menu-side-padding">
 	<li>Fixed: Tooltips for global emotes not saying where they're from.</li>
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..28326903
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,7387 @@
+{
+  "name": "frankerfacez",
+  "version": "4.0.0",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
+      "dev": true
+    },
+    "accepts": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.4.tgz",
+      "integrity": "sha1-hiRnWMfdbSGmR0/whKR0DsBesh8=",
+      "dev": true,
+      "requires": {
+        "mime-types": "2.1.17",
+        "negotiator": "0.6.1"
+      }
+    },
+    "acorn": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.1.2.tgz",
+      "integrity": "sha512-o96FZLJBPY1lvTuJylGA9Bk3t/GKPPJG8H0ydQQl01crzwJgspa4AEIq/pVTXigmK0PHVQhiAtn8WMBLL9D2WA==",
+      "dev": true
+    },
+    "acorn-dynamic-import": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/acorn-dynamic-import/-/acorn-dynamic-import-2.0.2.tgz",
+      "integrity": "sha1-x1K9IQvvZ5UBtsbLf8hPj0cVjMQ=",
+      "dev": true,
+      "requires": {
+        "acorn": "4.0.13"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "4.0.13",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-4.0.13.tgz",
+          "integrity": "sha1-EFSVrlNh1pe9GVyCUZLhrX8lN4c=",
+          "dev": true
+        }
+      }
+    },
+    "acorn-jsx": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-3.0.1.tgz",
+      "integrity": "sha1-r9+UiPsezvyDSPb7IvRk4ypYs2s=",
+      "dev": true,
+      "requires": {
+        "acorn": "3.3.0"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-3.3.0.tgz",
+          "integrity": "sha1-ReN/s56No/JbruP/U2niu18iAXo=",
+          "dev": true
+        }
+      }
+    },
+    "ajv": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-5.2.3.tgz",
+      "integrity": "sha1-wG9Zh3jETGsWGrr+NGa4GtGBTtI=",
+      "dev": true,
+      "requires": {
+        "co": "4.6.0",
+        "fast-deep-equal": "1.0.0",
+        "json-schema-traverse": "0.3.1",
+        "json-stable-stringify": "1.0.1"
+      }
+    },
+    "ajv-keywords": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-2.1.0.tgz",
+      "integrity": "sha1-opbhf3v658HOT34N5T0pyzIWLfA=",
+      "dev": true
+    },
+    "align-text": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/align-text/-/align-text-0.1.4.tgz",
+      "integrity": "sha1-DNkKVhCT810KmSVsIrcGlDP60Rc=",
+      "dev": true,
+      "requires": {
+        "kind-of": "3.2.2",
+        "longest": "1.0.1",
+        "repeat-string": "1.6.1"
+      }
+    },
+    "alphanum-sort": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/alphanum-sort/-/alphanum-sort-1.0.2.tgz",
+      "integrity": "sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=",
+      "dev": true
+    },
+    "amdefine": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz",
+      "integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=",
+      "dev": true
+    },
+    "ansi-escapes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-3.0.0.tgz",
+      "integrity": "sha512-O/klc27mWNUigtv0F8NJWbLF00OcegQalkqKURWdosW08YZKi4m6CnSUSvIZG1otNJbTWhN01Hhz389DW7mvDQ==",
+      "dev": true
+    },
+    "ansi-html": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/ansi-html/-/ansi-html-0.0.7.tgz",
+      "integrity": "sha1-gTWEAhliqenm/QOflA0S9WynhZ4=",
+      "dev": true
+    },
+    "ansi-regex": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+      "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+      "dev": true
+    },
+    "ansi-styles": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+      "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
+      "dev": true
+    },
+    "anymatch": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-1.3.2.tgz",
+      "integrity": "sha512-0XNayC8lTHQ2OI8aljNCN3sSx6hsr/1+rlcDAotXJR7C1oZZHCNsfpbKwMjRA3Uqb5tF1Rae2oloTr4xpq+WjA==",
+      "dev": true,
+      "requires": {
+        "micromatch": "2.3.11",
+        "normalize-path": "2.1.1"
+      }
+    },
+    "aproba": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz",
+      "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==",
+      "dev": true
+    },
+    "are-we-there-yet": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.4.tgz",
+      "integrity": "sha1-u13KOCu5TwXhUZQ3PRb9O6HKEQ0=",
+      "dev": true,
+      "requires": {
+        "delegates": "1.0.0",
+        "readable-stream": "2.3.3"
+      }
+    },
+    "argparse": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.9.tgz",
+      "integrity": "sha1-c9g7wmP4bpf4zE9rrhsOkKfSLIY=",
+      "dev": true,
+      "requires": {
+        "sprintf-js": "1.0.3"
+      }
+    },
+    "arr-diff": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-2.0.0.tgz",
+      "integrity": "sha1-jzuCf5Vai9ZpaX5KQlasPOrjVs8=",
+      "dev": true,
+      "requires": {
+        "arr-flatten": "1.1.0"
+      }
+    },
+    "arr-flatten": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz",
+      "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==",
+      "dev": true
+    },
+    "array-find-index": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.2.tgz",
+      "integrity": "sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E=",
+      "dev": true
+    },
+    "array-flatten": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-2.1.1.tgz",
+      "integrity": "sha1-Qmu52oQJDBg42BLIFQryCoMx4pY=",
+      "dev": true
+    },
+    "array-includes": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.0.3.tgz",
+      "integrity": "sha1-GEtI9i2S10UrsxsyMWXH+L0CJm0=",
+      "dev": true,
+      "requires": {
+        "define-properties": "1.1.2",
+        "es-abstract": "1.9.0"
+      }
+    },
+    "array-union": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
+      "integrity": "sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=",
+      "dev": true,
+      "requires": {
+        "array-uniq": "1.0.3"
+      }
+    },
+    "array-uniq": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz",
+      "integrity": "sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=",
+      "dev": true
+    },
+    "array-unique": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.2.1.tgz",
+      "integrity": "sha1-odl8yvy8JiXMcPrc6zalDFiwGlM=",
+      "dev": true
+    },
+    "arrify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
+      "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=",
+      "dev": true
+    },
+    "asap": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
+      "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=",
+      "dev": true,
+      "optional": true
+    },
+    "asn1": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.3.tgz",
+      "integrity": "sha1-2sh4dxPJlmhJ/IGAd36+nB3fO4Y=",
+      "dev": true
+    },
+    "asn1.js": {
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-4.9.1.tgz",
+      "integrity": "sha1-SLokC0WpKA6UdImQull9IWYX/UA=",
+      "dev": true,
+      "requires": {
+        "bn.js": "4.11.8",
+        "inherits": "2.0.3",
+        "minimalistic-assert": "1.0.0"
+      }
+    },
+    "assert": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/assert/-/assert-1.4.1.tgz",
+      "integrity": "sha1-mZEtWRg2tab1s0XA8H7vwI/GXZE=",
+      "dev": true,
+      "requires": {
+        "util": "0.10.3"
+      }
+    },
+    "assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+      "dev": true
+    },
+    "async": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/async/-/async-2.5.0.tgz",
+      "integrity": "sha512-e+lJAJeNWuPCNyxZKOBdaJGyLGHugXVQtrAwtuAe2vhxTYxFTKE73p8JuTmdH0qdQZtDvI4dhJwjZc5zsfIsYw==",
+      "dev": true,
+      "requires": {
+        "lodash": "4.17.4"
+      }
+    },
+    "async-each": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.1.tgz",
+      "integrity": "sha1-GdOGodntxufByF04iu28xW0zYC0=",
+      "dev": true
+    },
+    "async-foreach": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/async-foreach/-/async-foreach-0.1.3.tgz",
+      "integrity": "sha1-NhIfhFwFeBct5Bmpfb6x0W7DRUI=",
+      "dev": true
+    },
+    "asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=",
+      "dev": true
+    },
+    "autoprefixer": {
+      "version": "6.7.7",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-6.7.7.tgz",
+      "integrity": "sha1-Hb0cg1ZY41zj+ZhAmdsAWFx4IBQ=",
+      "dev": true,
+      "requires": {
+        "browserslist": "1.7.7",
+        "caniuse-db": "1.0.30000740",
+        "normalize-range": "0.1.2",
+        "num2fraction": "1.2.2",
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0"
+      }
+    },
+    "aws-sign2": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
+      "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=",
+      "dev": true
+    },
+    "aws4": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.6.0.tgz",
+      "integrity": "sha1-g+9cqGCysy5KDe7e6MdxudtXRx4=",
+      "dev": true
+    },
+    "babel-code-frame": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-6.26.0.tgz",
+      "integrity": "sha1-Y/1D99weO7fONZR9uP42mj9Yx0s=",
+      "dev": true,
+      "requires": {
+        "chalk": "1.1.3",
+        "esutils": "2.0.2",
+        "js-tokens": "3.0.2"
+      }
+    },
+    "balanced-match": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
+      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
+      "dev": true
+    },
+    "base64-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.2.1.tgz",
+      "integrity": "sha512-dwVUVIXsBZXwTuwnXI9RK8sBmgq09NDHzyR9SAph9eqk76gKK2JSQmZARC2zRC81JC2QTtxD0ARU5qTS25gIGw==",
+      "dev": true
+    },
+    "batch": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
+      "integrity": "sha1-3DQxT05nkxgJP8dgJyUl+UvyXBY=",
+      "dev": true
+    },
+    "bcrypt-pbkdf": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.1.tgz",
+      "integrity": "sha1-Y7xdy2EzG5K8Bf1SiVPDNGKgb40=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "tweetnacl": "0.14.5"
+      }
+    },
+    "big.js": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-3.2.0.tgz",
+      "integrity": "sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q==",
+      "dev": true
+    },
+    "binary-extensions": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.10.0.tgz",
+      "integrity": "sha1-muuabF6IY4qtFx4Wf1kAq+JINdA=",
+      "dev": true
+    },
+    "block-stream": {
+      "version": "0.0.9",
+      "resolved": "https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz",
+      "integrity": "sha1-E+v+d4oDIFz+A3UUgeu0szAMEmo=",
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3"
+      }
+    },
+    "bluebird": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.0.tgz",
+      "integrity": "sha1-eRQg1/VR7qKJdFOop3ZT+WYG1nw=",
+      "dev": true
+    },
+    "bn.js": {
+      "version": "4.11.8",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.8.tgz",
+      "integrity": "sha512-ItfYfPLkWHUjckQCk8xC+LwxgK8NYcXywGigJgSwOP8Y2iyWT4f2vsZnoOXTTbo+o5yXmIUJ4gn5538SO5S3gA==",
+      "dev": true
+    },
+    "body-parser": {
+      "version": "1.18.2",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.2.tgz",
+      "integrity": "sha1-h2eKGdhLR9hZuDGZvVm84iKxBFQ=",
+      "dev": true,
+      "requires": {
+        "bytes": "3.0.0",
+        "content-type": "1.0.4",
+        "debug": "2.6.9",
+        "depd": "1.1.1",
+        "http-errors": "1.6.2",
+        "iconv-lite": "0.4.19",
+        "on-finished": "2.3.0",
+        "qs": "6.5.1",
+        "raw-body": "2.3.2",
+        "type-is": "1.6.15"
+      }
+    },
+    "bonjour": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/bonjour/-/bonjour-3.5.0.tgz",
+      "integrity": "sha1-jokKGD2O6aI5OzhExpGkK897yfU=",
+      "dev": true,
+      "requires": {
+        "array-flatten": "2.1.1",
+        "deep-equal": "1.0.1",
+        "dns-equal": "1.0.0",
+        "dns-txt": "2.0.2",
+        "multicast-dns": "6.1.1",
+        "multicast-dns-service-types": "1.1.0"
+      }
+    },
+    "boom": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/boom/-/boom-4.3.1.tgz",
+      "integrity": "sha1-T4owBctKfjiJ90kDD9JbluAdLjE=",
+      "dev": true,
+      "requires": {
+        "hoek": "4.2.0"
+      }
+    },
+    "brace-expansion": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.8.tgz",
+      "integrity": "sha1-wHshHHyVLsH479Uad+8NHTmQopI=",
+      "dev": true,
+      "requires": {
+        "balanced-match": "1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "braces": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-1.8.5.tgz",
+      "integrity": "sha1-uneWLhLf+WnWt2cR6RS3N4V79qc=",
+      "dev": true,
+      "requires": {
+        "expand-range": "1.8.2",
+        "preserve": "0.2.0",
+        "repeat-element": "1.1.2"
+      }
+    },
+    "brorand": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz",
+      "integrity": "sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8=",
+      "dev": true
+    },
+    "browserify-aes": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.0.8.tgz",
+      "integrity": "sha512-WYCMOT/PtGTlpOKFht0YJFYcPy6pLCR98CtWfzK13zoynLlBMvAdEMSRGmgnJCw2M2j/5qxBkinZQFobieM8dQ==",
+      "dev": true,
+      "requires": {
+        "buffer-xor": "1.0.3",
+        "cipher-base": "1.0.4",
+        "create-hash": "1.1.3",
+        "evp_bytestokey": "1.0.3",
+        "inherits": "2.0.3",
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "browserify-cipher": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/browserify-cipher/-/browserify-cipher-1.0.0.tgz",
+      "integrity": "sha1-mYgkSHS/XtTijalWZtzWasj8Njo=",
+      "dev": true,
+      "requires": {
+        "browserify-aes": "1.0.8",
+        "browserify-des": "1.0.0",
+        "evp_bytestokey": "1.0.3"
+      }
+    },
+    "browserify-des": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/browserify-des/-/browserify-des-1.0.0.tgz",
+      "integrity": "sha1-2qJ3cXRwki7S/hhZQRihdUOXId0=",
+      "dev": true,
+      "requires": {
+        "cipher-base": "1.0.4",
+        "des.js": "1.0.0",
+        "inherits": "2.0.3"
+      }
+    },
+    "browserify-rsa": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz",
+      "integrity": "sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=",
+      "dev": true,
+      "requires": {
+        "bn.js": "4.11.8",
+        "randombytes": "2.0.5"
+      }
+    },
+    "browserify-sign": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.0.4.tgz",
+      "integrity": "sha1-qk62jl17ZYuqa/alfmMMvXqT0pg=",
+      "dev": true,
+      "requires": {
+        "bn.js": "4.11.8",
+        "browserify-rsa": "4.0.1",
+        "create-hash": "1.1.3",
+        "create-hmac": "1.1.6",
+        "elliptic": "6.4.0",
+        "inherits": "2.0.3",
+        "parse-asn1": "5.1.0"
+      }
+    },
+    "browserify-zlib": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.1.4.tgz",
+      "integrity": "sha1-uzX4pRn2AOD6a4SFJByXnQFB+y0=",
+      "dev": true,
+      "requires": {
+        "pako": "0.2.9"
+      }
+    },
+    "browserslist": {
+      "version": "1.7.7",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-1.7.7.tgz",
+      "integrity": "sha1-C9dnBCWL6CmyOYu1Dkti0aFmsLk=",
+      "dev": true,
+      "requires": {
+        "caniuse-db": "1.0.30000740",
+        "electron-to-chromium": "1.3.24"
+      }
+    },
+    "buffer": {
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.1.tgz",
+      "integrity": "sha1-bRu2AbB6TvztlwlBMgkwJ8lbwpg=",
+      "dev": true,
+      "requires": {
+        "base64-js": "1.2.1",
+        "ieee754": "1.1.8",
+        "isarray": "1.0.0"
+      }
+    },
+    "buffer-indexof": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/buffer-indexof/-/buffer-indexof-1.1.1.tgz",
+      "integrity": "sha512-4/rOEg86jivtPTeOUUT61jJO1Ya1TrR/OkqCSZDyq84WJh3LuuiphBYJN+fm5xufIk4XAFcEwte/8WzC8If/1g==",
+      "dev": true
+    },
+    "buffer-xor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
+      "integrity": "sha1-JuYe0UIvtw3ULm42cp7VHYVf6Nk=",
+      "dev": true
+    },
+    "builtin-modules": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-1.1.1.tgz",
+      "integrity": "sha1-Jw8HbFpywC9bZaR9+Uxf46J4iS8=",
+      "dev": true
+    },
+    "builtin-status-codes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
+      "integrity": "sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug=",
+      "dev": true
+    },
+    "bytes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+      "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=",
+      "dev": true
+    },
+    "cacache": {
+      "version": "9.2.9",
+      "resolved": "https://registry.npmjs.org/cacache/-/cacache-9.2.9.tgz",
+      "integrity": "sha512-ghg1j5OyTJ6qsrqU++dN23QiTDxb5AZCFGsF3oB+v9v/gY+F4X8L/0gdQMEjd+8Ot3D29M2etX5PKozHRn2JQw==",
+      "dev": true,
+      "requires": {
+        "bluebird": "3.5.0",
+        "chownr": "1.0.1",
+        "glob": "7.1.2",
+        "graceful-fs": "4.1.11",
+        "lru-cache": "4.1.1",
+        "mississippi": "1.3.0",
+        "mkdirp": "0.5.1",
+        "move-concurrently": "1.0.1",
+        "promise-inflight": "1.0.1",
+        "rimraf": "2.6.2",
+        "ssri": "4.1.6",
+        "unique-filename": "1.1.0",
+        "y18n": "3.2.1"
+      }
+    },
+    "caller-path": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/caller-path/-/caller-path-0.1.0.tgz",
+      "integrity": "sha1-lAhe9jWB7NPaqSREqP6U6CV3dR8=",
+      "dev": true,
+      "requires": {
+        "callsites": "0.2.0"
+      }
+    },
+    "callsites": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-0.2.0.tgz",
+      "integrity": "sha1-r6uWJikQp/M8GaV3WCXGnzTjUMo=",
+      "dev": true
+    },
+    "camelcase": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-1.2.1.tgz",
+      "integrity": "sha1-m7UwTS4LVmmLLHWLCKPqqdqlijk=",
+      "dev": true
+    },
+    "camelcase-keys": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
+      "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=",
+      "dev": true,
+      "requires": {
+        "camelcase": "2.1.1",
+        "map-obj": "1.0.1"
+      },
+      "dependencies": {
+        "camelcase": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz",
+          "integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=",
+          "dev": true
+        }
+      }
+    },
+    "caniuse-api": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-1.6.1.tgz",
+      "integrity": "sha1-tTTnxzTE+B7F++isoq0kNUuWLGw=",
+      "dev": true,
+      "requires": {
+        "browserslist": "1.7.7",
+        "caniuse-db": "1.0.30000740",
+        "lodash.memoize": "4.1.2",
+        "lodash.uniq": "4.5.0"
+      }
+    },
+    "caniuse-db": {
+      "version": "1.0.30000740",
+      "resolved": "https://registry.npmjs.org/caniuse-db/-/caniuse-db-1.0.30000740.tgz",
+      "integrity": "sha1-A/yqoXbj7QdYlfctRsGhIUm76sk=",
+      "dev": true
+    },
+    "caseless": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
+      "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=",
+      "dev": true
+    },
+    "center-align": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/center-align/-/center-align-0.1.3.tgz",
+      "integrity": "sha1-qg0yYptu6XIgBBHL1EYckHvCt60=",
+      "dev": true,
+      "requires": {
+        "align-text": "0.1.4",
+        "lazy-cache": "1.0.4"
+      }
+    },
+    "chalk": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+      "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "2.2.1",
+        "escape-string-regexp": "1.0.5",
+        "has-ansi": "2.0.0",
+        "strip-ansi": "3.0.1",
+        "supports-color": "2.0.0"
+      },
+      "dependencies": {
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
+          "dev": true
+        }
+      }
+    },
+    "chokidar": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-1.7.0.tgz",
+      "integrity": "sha1-eY5ol3gVHIB2tLNg5e3SjNortGg=",
+      "dev": true,
+      "requires": {
+        "anymatch": "1.3.2",
+        "async-each": "1.0.1",
+        "glob-parent": "2.0.0",
+        "inherits": "2.0.3",
+        "is-binary-path": "1.0.1",
+        "is-glob": "2.0.1",
+        "path-is-absolute": "1.0.1",
+        "readdirp": "2.1.0"
+      },
+      "dependencies": {
+        "is-extglob": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+          "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=",
+          "dev": true
+        },
+        "is-glob": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+          "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
+          "dev": true,
+          "requires": {
+            "is-extglob": "1.0.0"
+          }
+        }
+      }
+    },
+    "chownr": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.0.1.tgz",
+      "integrity": "sha1-4qdQQqlVGQi+vSW4Uj1fl2nXkYE=",
+      "dev": true
+    },
+    "cipher-base": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
+      "integrity": "sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==",
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3",
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "circular-json": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/circular-json/-/circular-json-0.3.3.tgz",
+      "integrity": "sha512-UZK3NBx2Mca+b5LsG7bY183pHWt5Y1xts4P3Pz7ENTwGVnJOUWbRb3ocjvX7hx9tq/yTAdclXm9sZ38gNuem4A==",
+      "dev": true
+    },
+    "clap": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/clap/-/clap-1.2.3.tgz",
+      "integrity": "sha512-4CoL/A3hf90V3VIEjeuhSvlGFEHKzOz+Wfc2IVZc+FaUgU0ZQafJTP49fvnULipOPcAfqhyI2duwQyns6xqjYA==",
+      "dev": true,
+      "requires": {
+        "chalk": "1.1.3"
+      }
+    },
+    "clean-webpack-plugin": {
+      "version": "0.1.17",
+      "resolved": "https://registry.npmjs.org/clean-webpack-plugin/-/clean-webpack-plugin-0.1.17.tgz",
+      "integrity": "sha512-Bts/V725v8Ijosp4K1cqppQXgXcrohxoMsg0CV2xL4y/vua1G5pAfHEW/eJIiKF+GNNG72mdjbipxMRFEms7yg==",
+      "dev": true,
+      "requires": {
+        "rimraf": "2.6.2"
+      }
+    },
+    "cli-cursor": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-2.1.0.tgz",
+      "integrity": "sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=",
+      "dev": true,
+      "requires": {
+        "restore-cursor": "2.0.0"
+      }
+    },
+    "cli-width": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-2.2.0.tgz",
+      "integrity": "sha1-/xnt6Kml5XkyQUewwR8PvLq+1jk=",
+      "dev": true
+    },
+    "cliui": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-2.1.0.tgz",
+      "integrity": "sha1-S0dXYP+AJkx2LDoXGQMukcf+oNE=",
+      "dev": true,
+      "requires": {
+        "center-align": "0.1.3",
+        "right-align": "0.1.3",
+        "wordwrap": "0.0.2"
+      }
+    },
+    "clone-deep": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-0.3.0.tgz",
+      "integrity": "sha1-NIxhrpzb4O3+BT2R/0zFIdeQ7eg=",
+      "dev": true,
+      "requires": {
+        "for-own": "1.0.0",
+        "is-plain-object": "2.0.4",
+        "kind-of": "3.2.2",
+        "shallow-clone": "0.1.2"
+      },
+      "dependencies": {
+        "for-own": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/for-own/-/for-own-1.0.0.tgz",
+          "integrity": "sha1-xjMy9BXO3EsE2/5wz4NklMU8tEs=",
+          "dev": true,
+          "requires": {
+            "for-in": "1.0.2"
+          }
+        }
+      }
+    },
+    "co": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
+      "integrity": "sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ=",
+      "dev": true
+    },
+    "coa": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/coa/-/coa-1.0.4.tgz",
+      "integrity": "sha1-qe8VNmDWqGqL3sAomlxoTSF0Mv0=",
+      "dev": true,
+      "requires": {
+        "q": "1.5.0"
+      }
+    },
+    "code-point-at": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
+      "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=",
+      "dev": true
+    },
+    "color": {
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/color/-/color-0.11.4.tgz",
+      "integrity": "sha1-bXtcdPtl6EHNSHkq0e1eB7kE12Q=",
+      "dev": true,
+      "requires": {
+        "clone": "1.0.2",
+        "color-convert": "1.9.0",
+        "color-string": "0.3.0"
+      },
+      "dependencies": {
+        "clone": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.2.tgz",
+          "integrity": "sha1-Jgt6meux7f4kdTgXX3gyQ8sZ0Uk=",
+          "dev": true
+        }
+      }
+    },
+    "color-convert": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.0.tgz",
+      "integrity": "sha1-Gsz5fdc5uYO/mU1W/sj5WFNkG3o=",
+      "dev": true,
+      "requires": {
+        "color-name": "1.1.3"
+      }
+    },
+    "color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
+      "dev": true
+    },
+    "color-string": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-0.3.0.tgz",
+      "integrity": "sha1-J9RvtnAlxcL6JZk7+/V55HhBuZE=",
+      "dev": true,
+      "requires": {
+        "color-name": "1.1.3"
+      }
+    },
+    "colormin": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/colormin/-/colormin-1.1.2.tgz",
+      "integrity": "sha1-6i90IKcrlogaOKrlnsEkpvcpgTM=",
+      "dev": true,
+      "requires": {
+        "color": "0.11.4",
+        "css-color-names": "0.0.4",
+        "has": "1.0.1"
+      }
+    },
+    "colors": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/colors/-/colors-1.1.2.tgz",
+      "integrity": "sha1-FopHAXVran9RoSzgyXv6KMCE7WM=",
+      "dev": true
+    },
+    "combined-stream": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.5.tgz",
+      "integrity": "sha1-k4NwpXtKUd6ix3wV1cX9+JUWQAk=",
+      "dev": true,
+      "requires": {
+        "delayed-stream": "1.0.0"
+      }
+    },
+    "commander": {
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.11.0.tgz",
+      "integrity": "sha512-b0553uYA5YAEGgyYIGYROzKQ7X5RAqedkfjiZxwi0kL1g3bOaBNNZfYkzt/CL0umgD5wc9Jec2FbB98CjkMRvQ==",
+      "dev": true
+    },
+    "commondir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
+      "integrity": "sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs=",
+      "dev": true
+    },
+    "compressible": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.11.tgz",
+      "integrity": "sha1-FnGKdd4oPtjmBAQWJaIGRYZ5fYo=",
+      "dev": true,
+      "requires": {
+        "mime-db": "1.30.0"
+      }
+    },
+    "compression": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.1.tgz",
+      "integrity": "sha1-7/JgPvwuIs+G810uuTWJ+YdTc9s=",
+      "dev": true,
+      "requires": {
+        "accepts": "1.3.4",
+        "bytes": "3.0.0",
+        "compressible": "2.0.11",
+        "debug": "2.6.9",
+        "on-headers": "1.0.1",
+        "safe-buffer": "5.1.1",
+        "vary": "1.1.2"
+      }
+    },
+    "concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
+      "dev": true
+    },
+    "concat-stream": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.0.tgz",
+      "integrity": "sha1-CqxmL9Ur54lk1VMvaUeE5wEQrPc=",
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3",
+        "readable-stream": "2.3.3",
+        "typedarray": "0.0.6"
+      }
+    },
+    "connect-history-api-fallback": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-1.3.0.tgz",
+      "integrity": "sha1-5R0X+PDvDbkKZP20feMFFVbp8Wk=",
+      "dev": true
+    },
+    "console-browserify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.1.0.tgz",
+      "integrity": "sha1-8CQcRXMKn8YyOyBtvzjtx0HQuxA=",
+      "dev": true,
+      "requires": {
+        "date-now": "0.1.4"
+      }
+    },
+    "console-control-strings": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
+      "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
+      "dev": true
+    },
+    "consolidate": {
+      "version": "0.14.5",
+      "resolved": "https://registry.npmjs.org/consolidate/-/consolidate-0.14.5.tgz",
+      "integrity": "sha1-WiUEe8dvcwcmZ8jLUsmJiI9JTGM=",
+      "dev": true,
+      "requires": {
+        "bluebird": "3.5.0"
+      }
+    },
+    "constants-browserify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
+      "integrity": "sha1-wguW2MYXdIqvHBYCF2DNJ/y4y3U=",
+      "dev": true
+    },
+    "content-disposition": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
+      "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ=",
+      "dev": true
+    },
+    "content-type": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
+      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==",
+      "dev": true
+    },
+    "cookie": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz",
+      "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=",
+      "dev": true
+    },
+    "cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=",
+      "dev": true
+    },
+    "copy-concurrently": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/copy-concurrently/-/copy-concurrently-1.0.5.tgz",
+      "integrity": "sha512-f2domd9fsVDFtaFcbaRZuYXwtdmnzqbADSwhSWYxYB/Q8zsdUUFMXVRwXGDMWmbEzAn1kdRrtI1T/KTFOL4X2A==",
+      "dev": true,
+      "requires": {
+        "aproba": "1.2.0",
+        "fs-write-stream-atomic": "1.0.10",
+        "iferr": "0.1.5",
+        "mkdirp": "0.5.1",
+        "rimraf": "2.6.2",
+        "run-queue": "1.0.3"
+      }
+    },
+    "copy-webpack-plugin": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-4.1.0.tgz",
+      "integrity": "sha512-7T5TZhRLwgTCA7vXhAKgwafACLlmMG8mNQ1gsTBAsnYfRFuIzrQsXLxJRI9GyzBZ7W208d26Xj+hTPLD/7QvzA==",
+      "dev": true,
+      "requires": {
+        "bluebird": "2.11.0",
+        "fs-extra": "0.26.7",
+        "glob": "6.0.4",
+        "is-glob": "3.1.0",
+        "loader-utils": "0.2.17",
+        "lodash": "4.17.4",
+        "minimatch": "3.0.4",
+        "node-dir": "0.1.17"
+      },
+      "dependencies": {
+        "bluebird": {
+          "version": "2.11.0",
+          "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-2.11.0.tgz",
+          "integrity": "sha1-U0uQM8AiyVecVro7Plpcqvu2UOE=",
+          "dev": true
+        },
+        "glob": {
+          "version": "6.0.4",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-6.0.4.tgz",
+          "integrity": "sha1-DwiGD2oVUSey+t1PnOJLGqtuTSI=",
+          "dev": true,
+          "requires": {
+            "inflight": "1.0.6",
+            "inherits": "2.0.3",
+            "minimatch": "3.0.4",
+            "once": "1.4.0",
+            "path-is-absolute": "1.0.1"
+          }
+        }
+      }
+    },
+    "core-util-is": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
+      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
+      "dev": true
+    },
+    "cosmiconfig": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-2.2.2.tgz",
+      "integrity": "sha512-GiNXLwAFPYHy25XmTPpafYvn3CLAkJ8FLsscq78MQd1Kh0OU6Yzhn4eV2MVF4G9WEQZoWEGltatdR+ntGPMl5A==",
+      "dev": true,
+      "requires": {
+        "is-directory": "0.3.1",
+        "js-yaml": "3.7.0",
+        "minimist": "1.2.0",
+        "object-assign": "4.1.1",
+        "os-homedir": "1.0.2",
+        "parse-json": "2.2.0",
+        "require-from-string": "1.2.1"
+      },
+      "dependencies": {
+        "minimist": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+          "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
+          "dev": true
+        }
+      }
+    },
+    "create-ecdh": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.0.tgz",
+      "integrity": "sha1-iIxyNZbN92EvZJgjPuvXo1MBc30=",
+      "dev": true,
+      "requires": {
+        "bn.js": "4.11.8",
+        "elliptic": "6.4.0"
+      }
+    },
+    "create-hash": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.1.3.tgz",
+      "integrity": "sha1-YGBCrIuSYnUPSDyt2rD1gZFy2P0=",
+      "dev": true,
+      "requires": {
+        "cipher-base": "1.0.4",
+        "inherits": "2.0.3",
+        "ripemd160": "2.0.1",
+        "sha.js": "2.4.9"
+      }
+    },
+    "create-hmac": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.6.tgz",
+      "integrity": "sha1-rLniIaThe9sHbpBlfEK5PjcmzwY=",
+      "dev": true,
+      "requires": {
+        "cipher-base": "1.0.4",
+        "create-hash": "1.1.3",
+        "inherits": "2.0.3",
+        "ripemd160": "2.0.1",
+        "safe-buffer": "5.1.1",
+        "sha.js": "2.4.9"
+      }
+    },
+    "cross-spawn": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz",
+      "integrity": "sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=",
+      "dev": true,
+      "requires": {
+        "lru-cache": "4.1.1",
+        "shebang-command": "1.2.0",
+        "which": "1.3.0"
+      }
+    },
+    "cryptiles": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/cryptiles/-/cryptiles-3.1.2.tgz",
+      "integrity": "sha1-qJ+7Ig9c4l7FboxKqKT9e1sNKf4=",
+      "dev": true,
+      "requires": {
+        "boom": "5.2.0"
+      },
+      "dependencies": {
+        "boom": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/boom/-/boom-5.2.0.tgz",
+          "integrity": "sha512-Z5BTk6ZRe4tXXQlkqftmsAUANpXmuwlsF5Oov8ThoMbQRzdGTA1ngYRW160GexgOgjsFOKJz0LYhoNi+2AMBUw==",
+          "dev": true,
+          "requires": {
+            "hoek": "4.2.0"
+          }
+        }
+      }
+    },
+    "crypto-browserify": {
+      "version": "3.11.1",
+      "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.11.1.tgz",
+      "integrity": "sha512-Na7ZlwCOqoaW5RwUK1WpXws2kv8mNhWdTlzob0UXulk6G9BDbyiJaGTYBIX61Ozn9l1EPPJpICZb4DaOpT9NlQ==",
+      "dev": true,
+      "requires": {
+        "browserify-cipher": "1.0.0",
+        "browserify-sign": "4.0.4",
+        "create-ecdh": "4.0.0",
+        "create-hash": "1.1.3",
+        "create-hmac": "1.1.6",
+        "diffie-hellman": "5.0.2",
+        "inherits": "2.0.3",
+        "pbkdf2": "3.0.14",
+        "public-encrypt": "4.0.0",
+        "randombytes": "2.0.5"
+      }
+    },
+    "css-color-names": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz",
+      "integrity": "sha1-gIrcLnnPhHOAabZGyyDsJ762KeA=",
+      "dev": true
+    },
+    "css-loader": {
+      "version": "0.28.7",
+      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-0.28.7.tgz",
+      "integrity": "sha512-GxMpax8a/VgcfRrVy0gXD6yLd5ePYbXX/5zGgTVYp4wXtJklS8Z2VaUArJgc//f6/Dzil7BaJObdSv8eKKCPgg==",
+      "dev": true,
+      "requires": {
+        "babel-code-frame": "6.26.0",
+        "css-selector-tokenizer": "0.7.0",
+        "cssnano": "3.10.0",
+        "icss-utils": "2.1.0",
+        "loader-utils": "1.1.0",
+        "lodash.camelcase": "4.3.0",
+        "object-assign": "4.1.1",
+        "postcss": "5.2.17",
+        "postcss-modules-extract-imports": "1.1.0",
+        "postcss-modules-local-by-default": "1.2.0",
+        "postcss-modules-scope": "1.1.0",
+        "postcss-modules-values": "1.3.0",
+        "postcss-value-parser": "3.3.0",
+        "source-list-map": "2.0.0"
+      },
+      "dependencies": {
+        "loader-utils": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.1.0.tgz",
+          "integrity": "sha1-yYrvSIvM7aL/teLeZG1qdUQp9c0=",
+          "dev": true,
+          "requires": {
+            "big.js": "3.2.0",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1"
+          }
+        }
+      }
+    },
+    "css-selector-tokenizer": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.7.0.tgz",
+      "integrity": "sha1-5piEdK6MlTR3v15+/s/OzNnPTIY=",
+      "dev": true,
+      "requires": {
+        "cssesc": "0.1.0",
+        "fastparse": "1.1.1",
+        "regexpu-core": "1.0.0"
+      }
+    },
+    "cssesc": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-0.1.0.tgz",
+      "integrity": "sha1-yBSQPkViM3GgR3tAEJqq++6t27Q=",
+      "dev": true
+    },
+    "cssnano": {
+      "version": "3.10.0",
+      "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-3.10.0.tgz",
+      "integrity": "sha1-Tzj2zqK5sX+gFJDyPx3GjqZcHDg=",
+      "dev": true,
+      "requires": {
+        "autoprefixer": "6.7.7",
+        "decamelize": "1.2.0",
+        "defined": "1.0.0",
+        "has": "1.0.1",
+        "object-assign": "4.1.1",
+        "postcss": "5.2.17",
+        "postcss-calc": "5.3.1",
+        "postcss-colormin": "2.2.2",
+        "postcss-convert-values": "2.6.1",
+        "postcss-discard-comments": "2.0.4",
+        "postcss-discard-duplicates": "2.1.0",
+        "postcss-discard-empty": "2.1.0",
+        "postcss-discard-overridden": "0.1.1",
+        "postcss-discard-unused": "2.2.3",
+        "postcss-filter-plugins": "2.0.2",
+        "postcss-merge-idents": "2.1.7",
+        "postcss-merge-longhand": "2.0.2",
+        "postcss-merge-rules": "2.1.2",
+        "postcss-minify-font-values": "1.0.5",
+        "postcss-minify-gradients": "1.0.5",
+        "postcss-minify-params": "1.2.2",
+        "postcss-minify-selectors": "2.1.1",
+        "postcss-normalize-charset": "1.1.1",
+        "postcss-normalize-url": "3.0.8",
+        "postcss-ordered-values": "2.2.3",
+        "postcss-reduce-idents": "2.4.0",
+        "postcss-reduce-initial": "1.0.1",
+        "postcss-reduce-transforms": "1.0.4",
+        "postcss-svgo": "2.1.6",
+        "postcss-unique-selectors": "2.0.2",
+        "postcss-value-parser": "3.3.0",
+        "postcss-zindex": "2.2.0"
+      }
+    },
+    "csso": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-2.3.2.tgz",
+      "integrity": "sha1-3dUsWHAz9J6Utx/FVWnyUuj/X4U=",
+      "dev": true,
+      "requires": {
+        "clap": "1.2.3",
+        "source-map": "0.5.7"
+      }
+    },
+    "currently-unhandled": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
+      "integrity": "sha1-mI3zP+qxke95mmE2nddsF635V+o=",
+      "dev": true,
+      "requires": {
+        "array-find-index": "1.0.2"
+      }
+    },
+    "cyclist": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/cyclist/-/cyclist-0.2.2.tgz",
+      "integrity": "sha1-GzN5LhHpFKL9bW7WRHRkRE5fpkA=",
+      "dev": true
+    },
+    "d": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/d/-/d-1.0.0.tgz",
+      "integrity": "sha1-dUu1v+VUUdpppYuU1F9MWwRi1Y8=",
+      "dev": true,
+      "requires": {
+        "es5-ext": "0.10.30"
+      }
+    },
+    "dashdash": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
+      "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=",
+      "dev": true,
+      "requires": {
+        "assert-plus": "1.0.0"
+      }
+    },
+    "date-now": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/date-now/-/date-now-0.1.4.tgz",
+      "integrity": "sha1-6vQ5/U1ISK105cx9vvIAZyueNFs=",
+      "dev": true
+    },
+    "de-indent": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
+      "integrity": "sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0="
+    },
+    "debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "requires": {
+        "ms": "2.0.0"
+      }
+    },
+    "decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
+      "dev": true
+    },
+    "deep-equal": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.0.1.tgz",
+      "integrity": "sha1-9dJgKStmDghO/0zbyfCK0yR0SLU=",
+      "dev": true
+    },
+    "deep-is": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz",
+      "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=",
+      "dev": true
+    },
+    "define-properties": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.2.tgz",
+      "integrity": "sha1-g6c/L+pWmJj7c3GTyPhzyvbUXJQ=",
+      "dev": true,
+      "requires": {
+        "foreach": "2.0.5",
+        "object-keys": "1.0.11"
+      }
+    },
+    "defined": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz",
+      "integrity": "sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=",
+      "dev": true
+    },
+    "del": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/del/-/del-3.0.0.tgz",
+      "integrity": "sha1-U+z2mf/LyzljdpGrE7rxYIGXZuU=",
+      "dev": true,
+      "requires": {
+        "globby": "6.1.0",
+        "is-path-cwd": "1.0.0",
+        "is-path-in-cwd": "1.0.0",
+        "p-map": "1.2.0",
+        "pify": "3.0.0",
+        "rimraf": "2.6.2"
+      },
+      "dependencies": {
+        "pify": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+          "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
+          "dev": true
+        }
+      }
+    },
+    "delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=",
+      "dev": true
+    },
+    "delegates": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
+      "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=",
+      "dev": true
+    },
+    "depd": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.1.tgz",
+      "integrity": "sha1-V4O04cRZ8G+lyif5kfPQbnoxA1k=",
+      "dev": true
+    },
+    "des.js": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.0.tgz",
+      "integrity": "sha1-wHTS4qpqipoH29YfmhXCzYPsjsw=",
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3",
+        "minimalistic-assert": "1.0.0"
+      }
+    },
+    "destroy": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz",
+      "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=",
+      "dev": true
+    },
+    "detect-node": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.0.3.tgz",
+      "integrity": "sha1-ogM8CcyOFY03dI+951B4Mr1s4Sc=",
+      "dev": true
+    },
+    "diffie-hellman": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.2.tgz",
+      "integrity": "sha1-tYNXOScM/ias9jIJn97SoH8gnl4=",
+      "dev": true,
+      "requires": {
+        "bn.js": "4.11.8",
+        "miller-rabin": "4.0.1",
+        "randombytes": "2.0.5"
+      }
+    },
+    "displacejs": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/displacejs/-/displacejs-1.2.4.tgz",
+      "integrity": "sha1-SE8ZW+XAg9MPEeWrKFEYxev0MMs="
+    },
+    "dns-equal": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz",
+      "integrity": "sha1-s55/HabrCnW6nBcySzR1PEfgZU0=",
+      "dev": true
+    },
+    "dns-packet": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.2.2.tgz",
+      "integrity": "sha512-kN+DjfGF7dJGUL7nWRktL9Z18t1rWP3aQlyZdY8XlpvU3Nc6GeFTQApftcjtWKxAZfiggZSGrCEoszNgvnpwDg==",
+      "dev": true,
+      "requires": {
+        "ip": "1.1.5",
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "dns-txt": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/dns-txt/-/dns-txt-2.0.2.tgz",
+      "integrity": "sha1-uR2Ab10nGI5Ks+fRB9iBocxGQrY=",
+      "dev": true,
+      "requires": {
+        "buffer-indexof": "1.1.1"
+      }
+    },
+    "doctrine": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.0.0.tgz",
+      "integrity": "sha1-xz2NKQnSIpHhoAejlYBNqLZl/mM=",
+      "dev": true,
+      "requires": {
+        "esutils": "2.0.2",
+        "isarray": "1.0.0"
+      }
+    },
+    "domain-browser": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.1.7.tgz",
+      "integrity": "sha1-hnqksJP6oF8d4IwG9NeyH9+GmLw=",
+      "dev": true
+    },
+    "duplexify": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.5.1.tgz",
+      "integrity": "sha512-j5goxHTwVED1Fpe5hh3q9R93Kip0Bg2KVAt4f8CEYM3UEwYcPSvWbXaUQOzdX/HtiNomipv+gU7ASQPDbV7pGQ==",
+      "dev": true,
+      "requires": {
+        "end-of-stream": "1.4.0",
+        "inherits": "2.0.3",
+        "readable-stream": "2.3.3",
+        "stream-shift": "1.0.0"
+      }
+    },
+    "ecc-jsbn": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.1.tgz",
+      "integrity": "sha1-D8c6ntXw1Tw4GTOYUj735UN3dQU=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "jsbn": "0.1.1"
+      }
+    },
+    "ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=",
+      "dev": true
+    },
+    "electron-to-chromium": {
+      "version": "1.3.24",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.24.tgz",
+      "integrity": "sha1-m3uIuwXOufoBahd4M8wt3jiPIbY=",
+      "dev": true
+    },
+    "elliptic": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.4.0.tgz",
+      "integrity": "sha1-ysmvh2LIWDYYcAPI3+GT5eLq5d8=",
+      "dev": true,
+      "requires": {
+        "bn.js": "4.11.8",
+        "brorand": "1.1.0",
+        "hash.js": "1.1.3",
+        "hmac-drbg": "1.0.1",
+        "inherits": "2.0.3",
+        "minimalistic-assert": "1.0.0",
+        "minimalistic-crypto-utils": "1.0.1"
+      }
+    },
+    "emojis-list": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
+      "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=",
+      "dev": true
+    },
+    "encodeurl": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.1.tgz",
+      "integrity": "sha1-eePVhlU0aQn+bw9Fpd5oEDspTSA=",
+      "dev": true
+    },
+    "end-of-stream": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.0.tgz",
+      "integrity": "sha1-epDYM+/abPpurA9JSduw+tOmMgY=",
+      "dev": true,
+      "requires": {
+        "once": "1.4.0"
+      }
+    },
+    "enhanced-resolve": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-3.4.1.tgz",
+      "integrity": "sha1-BCHjOf1xQZs9oT0Smzl5BAIwR24=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "4.1.11",
+        "memory-fs": "0.4.1",
+        "object-assign": "4.1.1",
+        "tapable": "0.2.8"
+      }
+    },
+    "errno": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.4.tgz",
+      "integrity": "sha1-uJbiOp5ei6M4cfyZar02NfyaHH0=",
+      "dev": true,
+      "requires": {
+        "prr": "0.0.0"
+      }
+    },
+    "error-ex": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.1.tgz",
+      "integrity": "sha1-+FWobOYa3E6GIcPNoh56dhLDqNw=",
+      "dev": true,
+      "requires": {
+        "is-arrayish": "0.2.1"
+      }
+    },
+    "es-abstract": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.9.0.tgz",
+      "integrity": "sha512-kk3IJoKo7A3pWJc0OV8yZ/VEX2oSUytfekrJiqoxBlKJMFAJVJVpGdHClCCTdv+Fn2zHfpDHHIelMFhZVfef3Q==",
+      "dev": true,
+      "requires": {
+        "es-to-primitive": "1.1.1",
+        "function-bind": "1.1.1",
+        "has": "1.0.1",
+        "is-callable": "1.1.3",
+        "is-regex": "1.0.4"
+      }
+    },
+    "es-to-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.1.1.tgz",
+      "integrity": "sha1-RTVSSKiJeQNLZ5Lhm7gfK3l13Q0=",
+      "dev": true,
+      "requires": {
+        "is-callable": "1.1.3",
+        "is-date-object": "1.0.1",
+        "is-symbol": "1.0.1"
+      }
+    },
+    "es5-ext": {
+      "version": "0.10.30",
+      "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.30.tgz",
+      "integrity": "sha1-cUGhaDZpfbq/qq7uQUlc4p9SyTk=",
+      "dev": true,
+      "requires": {
+        "es6-iterator": "2.0.1",
+        "es6-symbol": "3.1.1"
+      }
+    },
+    "es6-iterator": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.1.tgz",
+      "integrity": "sha1-jjGcnwRTv1ddN0lAplWSDlnKVRI=",
+      "dev": true,
+      "requires": {
+        "d": "1.0.0",
+        "es5-ext": "0.10.30",
+        "es6-symbol": "3.1.1"
+      }
+    },
+    "es6-map": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/es6-map/-/es6-map-0.1.5.tgz",
+      "integrity": "sha1-kTbgUD3MBqMBaQ8LsU/042TpSfA=",
+      "dev": true,
+      "requires": {
+        "d": "1.0.0",
+        "es5-ext": "0.10.30",
+        "es6-iterator": "2.0.1",
+        "es6-set": "0.1.5",
+        "es6-symbol": "3.1.1",
+        "event-emitter": "0.3.5"
+      }
+    },
+    "es6-set": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/es6-set/-/es6-set-0.1.5.tgz",
+      "integrity": "sha1-0rPsXU2ADO2BjbU40ol02wpzzLE=",
+      "dev": true,
+      "requires": {
+        "d": "1.0.0",
+        "es5-ext": "0.10.30",
+        "es6-iterator": "2.0.1",
+        "es6-symbol": "3.1.1",
+        "event-emitter": "0.3.5"
+      }
+    },
+    "es6-symbol": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.1.tgz",
+      "integrity": "sha1-vwDvT9q2uhtG7Le2KbTH7VcVzHc=",
+      "dev": true,
+      "requires": {
+        "d": "1.0.0",
+        "es5-ext": "0.10.30"
+      }
+    },
+    "es6-weak-map": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/es6-weak-map/-/es6-weak-map-2.0.2.tgz",
+      "integrity": "sha1-XjqzIlH/0VOKH45f+hNXdy+S2W8=",
+      "dev": true,
+      "requires": {
+        "d": "1.0.0",
+        "es5-ext": "0.10.30",
+        "es6-iterator": "2.0.1",
+        "es6-symbol": "3.1.1"
+      }
+    },
+    "escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=",
+      "dev": true
+    },
+    "escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
+      "dev": true
+    },
+    "escope": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/escope/-/escope-3.6.0.tgz",
+      "integrity": "sha1-4Bl16BJ4GhY6ba392AOY3GTIicM=",
+      "dev": true,
+      "requires": {
+        "es6-map": "0.1.5",
+        "es6-weak-map": "2.0.2",
+        "esrecurse": "4.2.0",
+        "estraverse": "4.2.0"
+      }
+    },
+    "eslint": {
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-4.9.0.tgz",
+      "integrity": "sha1-doedJ0BoJhsZH+Dy9Wx0wvQgjos=",
+      "dev": true,
+      "requires": {
+        "ajv": "5.2.3",
+        "babel-code-frame": "6.26.0",
+        "chalk": "2.2.0",
+        "concat-stream": "1.6.0",
+        "cross-spawn": "5.1.0",
+        "debug": "3.1.0",
+        "doctrine": "2.0.0",
+        "eslint-scope": "3.7.1",
+        "espree": "3.5.1",
+        "esquery": "1.0.0",
+        "estraverse": "4.2.0",
+        "esutils": "2.0.2",
+        "file-entry-cache": "2.0.0",
+        "functional-red-black-tree": "1.0.1",
+        "glob": "7.1.2",
+        "globals": "9.18.0",
+        "ignore": "3.3.6",
+        "imurmurhash": "0.1.4",
+        "inquirer": "3.3.0",
+        "is-resolvable": "1.0.0",
+        "js-yaml": "3.10.0",
+        "json-stable-stringify": "1.0.1",
+        "levn": "0.3.0",
+        "lodash": "4.17.4",
+        "minimatch": "3.0.4",
+        "mkdirp": "0.5.1",
+        "natural-compare": "1.4.0",
+        "optionator": "0.8.2",
+        "path-is-inside": "1.0.2",
+        "pluralize": "7.0.0",
+        "progress": "2.0.0",
+        "require-uncached": "1.0.3",
+        "semver": "5.4.1",
+        "strip-ansi": "4.0.0",
+        "strip-json-comments": "2.0.1",
+        "table": "4.0.2",
+        "text-table": "0.2.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
+          "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
+          "dev": true
+        },
+        "ansi-styles": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz",
+          "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==",
+          "dev": true,
+          "requires": {
+            "color-convert": "1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.2.0.tgz",
+          "integrity": "sha512-0BMM/2hG3ZaoPfR6F+h/oWpZtsh3b/s62TjSM6MGCJWEbJDN1acqCXvyhhZsDSVFklpebUoQ5O1kKC7lOzrn9g==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "3.2.0",
+            "escape-string-regexp": "1.0.5",
+            "supports-color": "4.4.0"
+          }
+        },
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "esprima": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.0.tgz",
+          "integrity": "sha512-oftTcaMu/EGrEIu904mWteKIv8vMuOgGYo7EhVJJN00R/EED9DCua/xxHRdYnKtcECzVg7xOWhflvJMnqcFZjw==",
+          "dev": true
+        },
+        "js-yaml": {
+          "version": "3.10.0",
+          "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.10.0.tgz",
+          "integrity": "sha512-O2v52ffjLa9VeM43J4XocZE//WT9N0IiwDa3KSHH7Tu8CtH+1qM8SIZvnsTh6v+4yFy5KUY3BHUVwjpfAWsjIA==",
+          "dev": true,
+          "requires": {
+            "argparse": "1.0.9",
+            "esprima": "4.0.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+          "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "3.0.0"
+          }
+        }
+      }
+    },
+    "eslint-scope": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-3.7.1.tgz",
+      "integrity": "sha1-PWPD7f2gLgbgGkUq2IyqzHzctug=",
+      "dev": true,
+      "requires": {
+        "esrecurse": "4.2.0",
+        "estraverse": "4.2.0"
+      }
+    },
+    "espree": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-3.5.1.tgz",
+      "integrity": "sha1-DJiLirRttTEAoZVK5LqZXd0n2H4=",
+      "dev": true,
+      "requires": {
+        "acorn": "5.1.2",
+        "acorn-jsx": "3.0.1"
+      }
+    },
+    "esprima": {
+      "version": "2.7.3",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-2.7.3.tgz",
+      "integrity": "sha1-luO3DVd59q1JzQMmc9HDEnZ7pYE=",
+      "dev": true
+    },
+    "esquery": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.0.0.tgz",
+      "integrity": "sha1-z7qLV9f7qT8XKYqKAGoEzaE9gPo=",
+      "dev": true,
+      "requires": {
+        "estraverse": "4.2.0"
+      }
+    },
+    "esrecurse": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.2.0.tgz",
+      "integrity": "sha1-+pVo2Y04I/mkHZHpAtyrnqblsWM=",
+      "dev": true,
+      "requires": {
+        "estraverse": "4.2.0",
+        "object-assign": "4.1.1"
+      }
+    },
+    "estraverse": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.2.0.tgz",
+      "integrity": "sha1-De4/7TH81GlhjOc0IJn8GvoL2xM=",
+      "dev": true
+    },
+    "esutils": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.2.tgz",
+      "integrity": "sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs=",
+      "dev": true
+    },
+    "etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=",
+      "dev": true
+    },
+    "event-emitter": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/event-emitter/-/event-emitter-0.3.5.tgz",
+      "integrity": "sha1-34xp7vFkeSPHFXuc6DhAYQsCzDk=",
+      "dev": true,
+      "requires": {
+        "d": "1.0.0",
+        "es5-ext": "0.10.30"
+      }
+    },
+    "eventemitter3": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-1.2.0.tgz",
+      "integrity": "sha1-HIaZHYFq0eUEdQ5zh0Ik7PO+xQg=",
+      "dev": true
+    },
+    "events": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/events/-/events-1.1.1.tgz",
+      "integrity": "sha1-nr23Y1rQmccNzEwqH1AEKI6L2SQ=",
+      "dev": true
+    },
+    "eventsource": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-0.1.6.tgz",
+      "integrity": "sha1-Cs7ehJ7X3RzMMsgRuxG5RNTykjI=",
+      "dev": true,
+      "requires": {
+        "original": "1.0.0"
+      }
+    },
+    "evp_bytestokey": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
+      "integrity": "sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==",
+      "dev": true,
+      "requires": {
+        "md5.js": "1.3.4",
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "execa": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-0.7.0.tgz",
+      "integrity": "sha1-lEvs00zEHuMqY6n68nrVpl/Fl3c=",
+      "dev": true,
+      "requires": {
+        "cross-spawn": "5.1.0",
+        "get-stream": "3.0.0",
+        "is-stream": "1.1.0",
+        "npm-run-path": "2.0.2",
+        "p-finally": "1.0.0",
+        "signal-exit": "3.0.2",
+        "strip-eof": "1.0.0"
+      }
+    },
+    "expand-brackets": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-0.1.5.tgz",
+      "integrity": "sha1-3wcoTjQqgHzXM6xa9yQR5YHRF3s=",
+      "dev": true,
+      "requires": {
+        "is-posix-bracket": "0.1.1"
+      }
+    },
+    "expand-range": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/expand-range/-/expand-range-1.8.2.tgz",
+      "integrity": "sha1-opnv/TNf4nIeuujiV+x5ZE/IUzc=",
+      "dev": true,
+      "requires": {
+        "fill-range": "2.2.3"
+      }
+    },
+    "express": {
+      "version": "4.16.1",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.16.1.tgz",
+      "integrity": "sha512-STB7LZ4N0L+81FJHGla2oboUHTk4PaN1RsOkoRh9OSeEKylvF5hwKYVX1xCLFaCT7MD0BNG/gX2WFMLqY6EMBw==",
+      "dev": true,
+      "requires": {
+        "accepts": "1.3.4",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.18.2",
+        "content-disposition": "0.5.2",
+        "content-type": "1.0.4",
+        "cookie": "0.3.1",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "1.1.1",
+        "encodeurl": "1.0.1",
+        "escape-html": "1.0.3",
+        "etag": "1.8.1",
+        "finalhandler": "1.1.0",
+        "fresh": "0.5.2",
+        "merge-descriptors": "1.0.1",
+        "methods": "1.1.2",
+        "on-finished": "2.3.0",
+        "parseurl": "1.3.2",
+        "path-to-regexp": "0.1.7",
+        "proxy-addr": "2.0.2",
+        "qs": "6.5.1",
+        "range-parser": "1.2.0",
+        "safe-buffer": "5.1.1",
+        "send": "0.16.1",
+        "serve-static": "1.13.1",
+        "setprototypeof": "1.1.0",
+        "statuses": "1.3.1",
+        "type-is": "1.6.15",
+        "utils-merge": "1.0.1",
+        "vary": "1.1.2"
+      },
+      "dependencies": {
+        "array-flatten": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+          "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=",
+          "dev": true
+        },
+        "path-to-regexp": {
+          "version": "0.1.7",
+          "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+          "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=",
+          "dev": true
+        }
+      }
+    },
+    "extend": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.1.tgz",
+      "integrity": "sha1-p1Xqe8Gt/MWjHOfnYtuq3F5jZEQ=",
+      "dev": true
+    },
+    "external-editor": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-2.0.5.tgz",
+      "integrity": "sha512-Msjo64WT5W+NhOpQXh0nOHm+n0RfU1QUwDnKYvJ8dEJ8zlwLrqXNTv5mSUTJpepf41PDJGyhueTw2vNZW+Fr/w==",
+      "dev": true,
+      "requires": {
+        "iconv-lite": "0.4.19",
+        "jschardet": "1.5.1",
+        "tmp": "0.0.33"
+      }
+    },
+    "extglob": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/extglob/-/extglob-0.3.2.tgz",
+      "integrity": "sha1-Lhj/PS9JqydlzskCPwEdqo2DSaE=",
+      "dev": true,
+      "requires": {
+        "is-extglob": "1.0.0"
+      },
+      "dependencies": {
+        "is-extglob": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+          "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=",
+          "dev": true
+        }
+      }
+    },
+    "extract-loader": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/extract-loader/-/extract-loader-1.0.1.tgz",
+      "integrity": "sha512-As/KL9XEi3O4gpJsP3qvYFXy8yN9hqsDNY8/VCN0iEAPV7OieMx44jib1M8Ba0Y/t6MOEvJMyvWJQqFxcMZ14w==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "1.1.0"
+      },
+      "dependencies": {
+        "loader-utils": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.1.0.tgz",
+          "integrity": "sha1-yYrvSIvM7aL/teLeZG1qdUQp9c0=",
+          "dev": true,
+          "requires": {
+            "big.js": "3.2.0",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1"
+          }
+        }
+      }
+    },
+    "extsprintf": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
+      "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=",
+      "dev": true
+    },
+    "fast-deep-equal": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.0.0.tgz",
+      "integrity": "sha1-liVqO8l1WV6zbYLpkp0GDYk0Of8=",
+      "dev": true
+    },
+    "fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
+      "dev": true
+    },
+    "fastparse": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.1.tgz",
+      "integrity": "sha1-0eJkOzipTXWDtHkGDmxK/8lAcfg=",
+      "dev": true
+    },
+    "faye-websocket": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.10.0.tgz",
+      "integrity": "sha1-TkkvjQTftviQA1B/btvy1QHnxvQ=",
+      "dev": true,
+      "requires": {
+        "websocket-driver": "0.7.0"
+      }
+    },
+    "figures": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/figures/-/figures-2.0.0.tgz",
+      "integrity": "sha1-OrGi0qYsi/tDGgyUy3l6L84nyWI=",
+      "dev": true,
+      "requires": {
+        "escape-string-regexp": "1.0.5"
+      }
+    },
+    "file-entry-cache": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-2.0.0.tgz",
+      "integrity": "sha1-w5KZDD5oR4PYOLjISkXYoEhFg2E=",
+      "dev": true,
+      "requires": {
+        "flat-cache": "1.3.0",
+        "object-assign": "4.1.1"
+      }
+    },
+    "file-loader": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/file-loader/-/file-loader-1.1.5.tgz",
+      "integrity": "sha512-RzGHDatcVNpGISTvCpfUfOGpYuSR7HSsSg87ki+wF6rw1Hm0RALPTiAdsxAq1UwLf0RRhbe22/eHK6nhXspiOQ==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "1.1.0",
+        "schema-utils": "0.3.0"
+      },
+      "dependencies": {
+        "loader-utils": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.1.0.tgz",
+          "integrity": "sha1-yYrvSIvM7aL/teLeZG1qdUQp9c0=",
+          "dev": true,
+          "requires": {
+            "big.js": "3.2.0",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1"
+          }
+        }
+      }
+    },
+    "filename-regex": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/filename-regex/-/filename-regex-2.0.1.tgz",
+      "integrity": "sha1-wcS5vuPglyXdsQa3XB4wH+LxiyY=",
+      "dev": true
+    },
+    "fill-range": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-2.2.3.tgz",
+      "integrity": "sha1-ULd9/X5Gm8dJJHCWNpn+eoSFpyM=",
+      "dev": true,
+      "requires": {
+        "is-number": "2.1.0",
+        "isobject": "2.1.0",
+        "randomatic": "1.1.7",
+        "repeat-element": "1.1.2",
+        "repeat-string": "1.6.1"
+      }
+    },
+    "finalhandler": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.0.tgz",
+      "integrity": "sha1-zgtoVbRYU+eRsvzGgARtiCU91/U=",
+      "dev": true,
+      "requires": {
+        "debug": "2.6.9",
+        "encodeurl": "1.0.1",
+        "escape-html": "1.0.3",
+        "on-finished": "2.3.0",
+        "parseurl": "1.3.2",
+        "statuses": "1.3.1",
+        "unpipe": "1.0.0"
+      }
+    },
+    "find-cache-dir": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-1.0.0.tgz",
+      "integrity": "sha1-kojj6ePMN0hxfTnq3hfPcfww7m8=",
+      "dev": true,
+      "requires": {
+        "commondir": "1.0.1",
+        "make-dir": "1.0.0",
+        "pkg-dir": "2.0.0"
+      }
+    },
+    "find-up": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+      "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
+      "dev": true,
+      "requires": {
+        "locate-path": "2.0.0"
+      }
+    },
+    "flat-cache": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-1.3.0.tgz",
+      "integrity": "sha1-0wMLMrOBVPTjt+nHCfSQ9++XxIE=",
+      "dev": true,
+      "requires": {
+        "circular-json": "0.3.3",
+        "del": "2.2.2",
+        "graceful-fs": "4.1.11",
+        "write": "0.2.1"
+      },
+      "dependencies": {
+        "del": {
+          "version": "2.2.2",
+          "resolved": "https://registry.npmjs.org/del/-/del-2.2.2.tgz",
+          "integrity": "sha1-wSyYHQZ4RshLyvhiz/kw2Qf/0ag=",
+          "dev": true,
+          "requires": {
+            "globby": "5.0.0",
+            "is-path-cwd": "1.0.0",
+            "is-path-in-cwd": "1.0.0",
+            "object-assign": "4.1.1",
+            "pify": "2.3.0",
+            "pinkie-promise": "2.0.1",
+            "rimraf": "2.6.2"
+          }
+        },
+        "globby": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-5.0.0.tgz",
+          "integrity": "sha1-69hGZ8oNuzMLmbz8aOrCvFQ3Dg0=",
+          "dev": true,
+          "requires": {
+            "array-union": "1.0.2",
+            "arrify": "1.0.1",
+            "glob": "7.1.2",
+            "object-assign": "4.1.1",
+            "pify": "2.3.0",
+            "pinkie-promise": "2.0.1"
+          }
+        }
+      }
+    },
+    "flatten": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/flatten/-/flatten-1.0.2.tgz",
+      "integrity": "sha1-2uRqnXj74lKSJYzB54CkHZXAN4I=",
+      "dev": true
+    },
+    "flush-write-stream": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/flush-write-stream/-/flush-write-stream-1.0.2.tgz",
+      "integrity": "sha1-yBuQ2HRnZvGmCaRoCZRsRd2K5Bc=",
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3",
+        "readable-stream": "2.3.3"
+      }
+    },
+    "for-in": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
+      "integrity": "sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=",
+      "dev": true
+    },
+    "for-own": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/for-own/-/for-own-0.1.5.tgz",
+      "integrity": "sha1-UmXGgaTylNq78XyVCbZ2OqhFEM4=",
+      "dev": true,
+      "requires": {
+        "for-in": "1.0.2"
+      }
+    },
+    "foreach": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/foreach/-/foreach-2.0.5.tgz",
+      "integrity": "sha1-C+4AUBiusmDQo6865ljdATbsG5k=",
+      "dev": true
+    },
+    "forever-agent": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
+      "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=",
+      "dev": true
+    },
+    "form-data": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.1.tgz",
+      "integrity": "sha1-b7lPvXGIUwbXPRXMSX/kzE7NRL8=",
+      "dev": true,
+      "requires": {
+        "asynckit": "0.4.0",
+        "combined-stream": "1.0.5",
+        "mime-types": "2.1.17"
+      }
+    },
+    "forwarded": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz",
+      "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=",
+      "dev": true
+    },
+    "fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=",
+      "dev": true
+    },
+    "from2": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/from2/-/from2-2.3.0.tgz",
+      "integrity": "sha1-i/tVAr3kpNNs/e6gB/zKIdfjgq8=",
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3",
+        "readable-stream": "2.3.3"
+      }
+    },
+    "fs-extra": {
+      "version": "0.26.7",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-0.26.7.tgz",
+      "integrity": "sha1-muH92UiXeY7at20JGM9C0MMYT6k=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "4.1.11",
+        "jsonfile": "2.4.0",
+        "klaw": "1.3.1",
+        "path-is-absolute": "1.0.1",
+        "rimraf": "2.6.2"
+      }
+    },
+    "fs-write-stream-atomic": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz",
+      "integrity": "sha1-tH31NJPvkR33VzHnCp3tAYnbQMk=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "4.1.11",
+        "iferr": "0.1.5",
+        "imurmurhash": "0.1.4",
+        "readable-stream": "2.3.3"
+      }
+    },
+    "fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
+      "dev": true
+    },
+    "fstream": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.11.tgz",
+      "integrity": "sha1-XB+x8RdHcRTwYyoOtLcbPLD9MXE=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "4.1.11",
+        "inherits": "2.0.3",
+        "mkdirp": "0.5.1",
+        "rimraf": "2.6.2"
+      }
+    },
+    "function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+      "dev": true
+    },
+    "functional-red-black-tree": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
+      "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
+      "dev": true
+    },
+    "gauge": {
+      "version": "2.7.4",
+      "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
+      "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=",
+      "dev": true,
+      "requires": {
+        "aproba": "1.2.0",
+        "console-control-strings": "1.1.0",
+        "has-unicode": "2.0.1",
+        "object-assign": "4.1.1",
+        "signal-exit": "3.0.2",
+        "string-width": "1.0.2",
+        "strip-ansi": "3.0.1",
+        "wide-align": "1.1.2"
+      },
+      "dependencies": {
+        "string-width": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+          "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
+          "dev": true,
+          "requires": {
+            "code-point-at": "1.1.0",
+            "is-fullwidth-code-point": "1.0.0",
+            "strip-ansi": "3.0.1"
+          }
+        }
+      }
+    },
+    "gaze": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/gaze/-/gaze-1.1.2.tgz",
+      "integrity": "sha1-hHIkZ3rbiHDWeSV+0ziP22HkAQU=",
+      "dev": true,
+      "requires": {
+        "globule": "1.2.0"
+      }
+    },
+    "get-caller-file": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.2.tgz",
+      "integrity": "sha1-9wLmMSfn4jHBYKgMFVSstw1QR+U=",
+      "dev": true
+    },
+    "get-stdin": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
+      "integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=",
+      "dev": true
+    },
+    "get-stream": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
+      "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=",
+      "dev": true
+    },
+    "getpass": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
+      "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=",
+      "dev": true,
+      "requires": {
+        "assert-plus": "1.0.0"
+      }
+    },
+    "glob": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.2.tgz",
+      "integrity": "sha512-MJTUg1kjuLeQCJ+ccE4Vpa6kKVXkPYJ2mOCQyUuKLcLQsdrMCpBPUi8qVE6+YuaJkozeA9NusTAw3hLr8Xe5EQ==",
+      "dev": true,
+      "requires": {
+        "fs.realpath": "1.0.0",
+        "inflight": "1.0.6",
+        "inherits": "2.0.3",
+        "minimatch": "3.0.4",
+        "once": "1.4.0",
+        "path-is-absolute": "1.0.1"
+      }
+    },
+    "glob-base": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/glob-base/-/glob-base-0.3.0.tgz",
+      "integrity": "sha1-27Fk9iIbHAscz4Kuoyi0l98Oo8Q=",
+      "dev": true,
+      "requires": {
+        "glob-parent": "2.0.0",
+        "is-glob": "2.0.1"
+      },
+      "dependencies": {
+        "is-extglob": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+          "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=",
+          "dev": true
+        },
+        "is-glob": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+          "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
+          "dev": true,
+          "requires": {
+            "is-extglob": "1.0.0"
+          }
+        }
+      }
+    },
+    "glob-parent": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-2.0.0.tgz",
+      "integrity": "sha1-gTg9ctsFT8zPUzbaqQLxgvbtuyg=",
+      "dev": true,
+      "requires": {
+        "is-glob": "2.0.1"
+      },
+      "dependencies": {
+        "is-extglob": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+          "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=",
+          "dev": true
+        },
+        "is-glob": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+          "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
+          "dev": true,
+          "requires": {
+            "is-extglob": "1.0.0"
+          }
+        }
+      }
+    },
+    "globals": {
+      "version": "9.18.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-9.18.0.tgz",
+      "integrity": "sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==",
+      "dev": true
+    },
+    "globby": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
+      "integrity": "sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=",
+      "dev": true,
+      "requires": {
+        "array-union": "1.0.2",
+        "glob": "7.1.2",
+        "object-assign": "4.1.1",
+        "pify": "2.3.0",
+        "pinkie-promise": "2.0.1"
+      }
+    },
+    "globule": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/globule/-/globule-1.2.0.tgz",
+      "integrity": "sha1-HcScaCLdnoovoAuiopUAboZkvQk=",
+      "dev": true,
+      "requires": {
+        "glob": "7.1.2",
+        "lodash": "4.17.4",
+        "minimatch": "3.0.4"
+      }
+    },
+    "graceful-fs": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.11.tgz",
+      "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=",
+      "dev": true
+    },
+    "handle-thing": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-1.2.5.tgz",
+      "integrity": "sha1-/Xqtcmvxpf0W38KbL3pmAdJxOcQ=",
+      "dev": true
+    },
+    "har-schema": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
+      "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=",
+      "dev": true
+    },
+    "har-validator": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.0.3.tgz",
+      "integrity": "sha1-ukAsJmGU8VlW7xXg/PJCmT9qff0=",
+      "dev": true,
+      "requires": {
+        "ajv": "5.2.3",
+        "har-schema": "2.0.0"
+      }
+    },
+    "has": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.1.tgz",
+      "integrity": "sha1-hGFzP1OLCDfJNh45qauelwTcLyg=",
+      "dev": true,
+      "requires": {
+        "function-bind": "1.1.1"
+      }
+    },
+    "has-ansi": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
+      "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
+      "dev": true,
+      "requires": {
+        "ansi-regex": "2.1.1"
+      }
+    },
+    "has-flag": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-2.0.0.tgz",
+      "integrity": "sha1-6CB68cx7MNRGzHC3NLXovhj4jVE=",
+      "dev": true
+    },
+    "has-unicode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
+      "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=",
+      "dev": true
+    },
+    "hash-base": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-2.0.2.tgz",
+      "integrity": "sha1-ZuodhW206KVHDK32/OI65SRO8uE=",
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3"
+      }
+    },
+    "hash-sum": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
+      "integrity": "sha1-M7QHd3VMZDJXPBIMw4CLvRDUfwQ=",
+      "dev": true
+    },
+    "hash.js": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.3.tgz",
+      "integrity": "sha512-/UETyP0W22QILqS+6HowevwhEFJ3MBJnwTf75Qob9Wz9t0DPuisL8kW8YZMK62dHAKE1c1p+gY1TtOLY+USEHA==",
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3",
+        "minimalistic-assert": "1.0.0"
+      }
+    },
+    "hawk": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/hawk/-/hawk-6.0.2.tgz",
+      "integrity": "sha512-miowhl2+U7Qle4vdLqDdPt9m09K6yZhkLDTWGoUiUzrQCn+mHHSmfJgAyGaLRZbPmTqfFFjRV1QWCW0VWUJBbQ==",
+      "dev": true,
+      "requires": {
+        "boom": "4.3.1",
+        "cryptiles": "3.1.2",
+        "hoek": "4.2.0",
+        "sntp": "2.0.2"
+      }
+    },
+    "he": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.1.1.tgz",
+      "integrity": "sha1-k0EP0hsAlzUVH4howvJx80J+I/0="
+    },
+    "hmac-drbg": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
+      "integrity": "sha1-0nRXAQJabHdabFRXk+1QL8DGSaE=",
+      "dev": true,
+      "requires": {
+        "hash.js": "1.1.3",
+        "minimalistic-assert": "1.0.0",
+        "minimalistic-crypto-utils": "1.0.1"
+      }
+    },
+    "hoek": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/hoek/-/hoek-4.2.0.tgz",
+      "integrity": "sha512-v0XCLxICi9nPfYrS9RL8HbYnXi9obYAeLbSP00BmnZwCK9+Ih9WOjoZ8YoHCoav2csqn4FOz4Orldsy2dmDwmQ==",
+      "dev": true
+    },
+    "hosted-git-info": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.5.0.tgz",
+      "integrity": "sha512-pNgbURSuab90KbTqvRPsseaTxOJCZBD0a7t+haSN33piP9cCM4l0CqdzAif2hUqm716UovKB2ROmiabGAKVXyg==",
+      "dev": true
+    },
+    "hpack.js": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
+      "integrity": "sha1-h3dMCUnlE/QuhFdbPEVoH63ioLI=",
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3",
+        "obuf": "1.1.1",
+        "readable-stream": "2.3.3",
+        "wbuf": "1.7.2"
+      }
+    },
+    "html-comment-regex": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/html-comment-regex/-/html-comment-regex-1.1.1.tgz",
+      "integrity": "sha1-ZouTd26q5V696POtRkswekljYl4=",
+      "dev": true
+    },
+    "html-entities": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-1.2.1.tgz",
+      "integrity": "sha1-DfKTUfByEWNRXfueVUPl9u7VFi8=",
+      "dev": true
+    },
+    "http-deceiver": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
+      "integrity": "sha1-+nFolEq5pRnTN8sL7HKE3D5yPYc=",
+      "dev": true
+    },
+    "http-errors": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.2.tgz",
+      "integrity": "sha1-CgAsyFcHGSp+eUbO7cERVfYOxzY=",
+      "dev": true,
+      "requires": {
+        "depd": "1.1.1",
+        "inherits": "2.0.3",
+        "setprototypeof": "1.0.3",
+        "statuses": "1.3.1"
+      },
+      "dependencies": {
+        "setprototypeof": {
+          "version": "1.0.3",
+          "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.0.3.tgz",
+          "integrity": "sha1-ZlZ+NwQ+608E2RvWWMDL77VbjgQ=",
+          "dev": true
+        }
+      }
+    },
+    "http-parser-js": {
+      "version": "0.4.8",
+      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.4.8.tgz",
+      "integrity": "sha512-jmHp99g6/fLx0pRNJqzsQgjsclCHAY7NhIeA3/U+bsGNvgbvUCQFQY9m5AYpqpAxY/2VcikfbKpjQozSTiz0jA==",
+      "dev": true
+    },
+    "http-proxy": {
+      "version": "1.16.2",
+      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.16.2.tgz",
+      "integrity": "sha1-Bt/ykpUr9k2+hHH6nfcwZtTzd0I=",
+      "dev": true,
+      "requires": {
+        "eventemitter3": "1.2.0",
+        "requires-port": "1.0.0"
+      }
+    },
+    "http-proxy-middleware": {
+      "version": "0.17.4",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-0.17.4.tgz",
+      "integrity": "sha1-ZC6ISIUdZvCdTxJJEoRtuutBuDM=",
+      "dev": true,
+      "requires": {
+        "http-proxy": "1.16.2",
+        "is-glob": "3.1.0",
+        "lodash": "4.17.4",
+        "micromatch": "2.3.11"
+      }
+    },
+    "http-signature": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
+      "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=",
+      "dev": true,
+      "requires": {
+        "assert-plus": "1.0.0",
+        "jsprim": "1.4.1",
+        "sshpk": "1.13.1"
+      }
+    },
+    "https-browserify": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-0.0.1.tgz",
+      "integrity": "sha1-P5E2XKvmC3ftDruiS0VOPgnZWoI=",
+      "dev": true
+    },
+    "iconv-lite": {
+      "version": "0.4.19",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.19.tgz",
+      "integrity": "sha512-oTZqweIP51xaGPI4uPa56/Pri/480R+mo7SeU+YETByQNhDG55ycFyNLIgta9vXhILrxXDmF7ZGhqZIcuN0gJQ==",
+      "dev": true
+    },
+    "icss-replace-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz",
+      "integrity": "sha1-Bupvg2ead0njhs/h/oEq5dsiPe0=",
+      "dev": true
+    },
+    "icss-utils": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-2.1.0.tgz",
+      "integrity": "sha1-g/Cg7DeL8yRheLbCrZE28TWxyWI=",
+      "dev": true,
+      "requires": {
+        "postcss": "6.0.12"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz",
+          "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==",
+          "dev": true,
+          "requires": {
+            "color-convert": "1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.1.0.tgz",
+          "integrity": "sha512-LUHGS/dge4ujbXMJrnihYMcL4AoOweGnw9Tp3kQuqy1Kx5c1qKjqvMJZ6nVJPMWJtKCTN72ZogH3oeSO9g9rXQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "3.2.0",
+            "escape-string-regexp": "1.0.5",
+            "supports-color": "4.4.0"
+          }
+        },
+        "postcss": {
+          "version": "6.0.12",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.12.tgz",
+          "integrity": "sha512-K6SLofXEK43FBSyZ6/ExQV7ji24OEw4tEY6x1CAf7+tcoMWJoO24Rf3rVFVpk+5IQL1e1Cy3sTKfg7hXuLzafg==",
+          "dev": true,
+          "requires": {
+            "chalk": "2.1.0",
+            "source-map": "0.5.7",
+            "supports-color": "4.4.0"
+          }
+        }
+      }
+    },
+    "ieee754": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.1.8.tgz",
+      "integrity": "sha1-vjPUCsEO8ZJnAfbwii2G+/0a0+Q=",
+      "dev": true
+    },
+    "iferr": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/iferr/-/iferr-0.1.5.tgz",
+      "integrity": "sha1-xg7taebY/bazEEofy8ocGS3FtQE=",
+      "dev": true
+    },
+    "ignore": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-3.3.6.tgz",
+      "integrity": "sha512-HrxmNxKTGZ9a3uAl/FNG66Sdt0G9L4TtMbbUQjP1WhGmSj0FOyHvSgx7623aGJvXfPOur8MwmarlHT+37jmzlw==",
+      "dev": true
+    },
+    "image-size": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
+      "integrity": "sha1-Cd/Uq50g4p6xw+gLiZA3jfnjy5w=",
+      "dev": true,
+      "optional": true
+    },
+    "imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
+      "dev": true
+    },
+    "in-publish": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/in-publish/-/in-publish-2.0.0.tgz",
+      "integrity": "sha1-4g/146KvwmkDILbcVSaCqcf631E=",
+      "dev": true
+    },
+    "indent-string": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz",
+      "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=",
+      "dev": true,
+      "requires": {
+        "repeating": "2.0.1"
+      }
+    },
+    "indexes-of": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz",
+      "integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc=",
+      "dev": true
+    },
+    "indexof": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/indexof/-/indexof-0.0.1.tgz",
+      "integrity": "sha1-gtwzbSMrkGIXnQWrMpOmYFn9Q10=",
+      "dev": true
+    },
+    "inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
+      "dev": true,
+      "requires": {
+        "once": "1.4.0",
+        "wrappy": "1.0.2"
+      }
+    },
+    "inherits": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+      "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
+      "dev": true
+    },
+    "inquirer": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-3.3.0.tgz",
+      "integrity": "sha512-h+xtnyk4EwKvFWHrUYsWErEVR+igKtLdchu+o0Z1RL7VU/jVMFbYir2bp6bAj8efFNxWqHX0dIss6fJQ+/+qeQ==",
+      "dev": true,
+      "requires": {
+        "ansi-escapes": "3.0.0",
+        "chalk": "2.2.0",
+        "cli-cursor": "2.1.0",
+        "cli-width": "2.2.0",
+        "external-editor": "2.0.5",
+        "figures": "2.0.0",
+        "lodash": "4.17.4",
+        "mute-stream": "0.0.7",
+        "run-async": "2.3.0",
+        "rx-lite": "4.0.8",
+        "rx-lite-aggregates": "4.0.8",
+        "string-width": "2.1.1",
+        "strip-ansi": "4.0.0",
+        "through": "2.3.8"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
+          "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
+          "dev": true
+        },
+        "ansi-styles": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz",
+          "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==",
+          "dev": true,
+          "requires": {
+            "color-convert": "1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.2.0.tgz",
+          "integrity": "sha512-0BMM/2hG3ZaoPfR6F+h/oWpZtsh3b/s62TjSM6MGCJWEbJDN1acqCXvyhhZsDSVFklpebUoQ5O1kKC7lOzrn9g==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "3.2.0",
+            "escape-string-regexp": "1.0.5",
+            "supports-color": "4.4.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+          "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "3.0.0"
+          }
+        }
+      }
+    },
+    "internal-ip": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/internal-ip/-/internal-ip-1.2.0.tgz",
+      "integrity": "sha1-rp+/k7mEh4eF1QqN4bNWlWBYz1w=",
+      "dev": true,
+      "requires": {
+        "meow": "3.7.0"
+      }
+    },
+    "interpret": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.0.4.tgz",
+      "integrity": "sha1-ggzdWIuGj/sZGoCVBtbJyPISsbA=",
+      "dev": true
+    },
+    "invert-kv": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-1.0.0.tgz",
+      "integrity": "sha1-EEqOSqym09jNFXqO+L+rLXo//bY=",
+      "dev": true
+    },
+    "ip": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz",
+      "integrity": "sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=",
+      "dev": true
+    },
+    "ipaddr.js": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.5.2.tgz",
+      "integrity": "sha1-1LUFvemUaYfM8PxY2QEP+WB+P6A=",
+      "dev": true
+    },
+    "is-absolute-url": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-2.1.0.tgz",
+      "integrity": "sha1-UFMN+4T8yap9vnhS6Do3uTufKqY=",
+      "dev": true
+    },
+    "is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
+      "dev": true
+    },
+    "is-binary-path": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz",
+      "integrity": "sha1-dfFmQrSA8YenEcgUFh/TpKdlWJg=",
+      "dev": true,
+      "requires": {
+        "binary-extensions": "1.10.0"
+      }
+    },
+    "is-buffer": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.5.tgz",
+      "integrity": "sha1-Hzsm72E7IUuIy8ojzGwB2Hlh7sw=",
+      "dev": true
+    },
+    "is-builtin-module": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-1.0.0.tgz",
+      "integrity": "sha1-VAVy0096wxGfj3bDDLwbHgN6/74=",
+      "dev": true,
+      "requires": {
+        "builtin-modules": "1.1.1"
+      }
+    },
+    "is-callable": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.1.3.tgz",
+      "integrity": "sha1-hut1OSgF3cM69xySoO7fdO52BLI=",
+      "dev": true
+    },
+    "is-date-object": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.1.tgz",
+      "integrity": "sha1-mqIOtq7rv/d/vTPnTKAbM1gdOhY=",
+      "dev": true
+    },
+    "is-directory": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/is-directory/-/is-directory-0.3.1.tgz",
+      "integrity": "sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=",
+      "dev": true
+    },
+    "is-dotfile": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-dotfile/-/is-dotfile-1.0.3.tgz",
+      "integrity": "sha1-pqLzL/0t+wT1yiXs0Pa4PPeYoeE=",
+      "dev": true
+    },
+    "is-equal-shallow": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/is-equal-shallow/-/is-equal-shallow-0.1.3.tgz",
+      "integrity": "sha1-IjgJj8Ih3gvPpdnqxMRdY4qhxTQ=",
+      "dev": true,
+      "requires": {
+        "is-primitive": "2.0.0"
+      }
+    },
+    "is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+      "integrity": "sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=",
+      "dev": true
+    },
+    "is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+      "dev": true
+    },
+    "is-finite": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.0.2.tgz",
+      "integrity": "sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=",
+      "dev": true,
+      "requires": {
+        "number-is-nan": "1.0.1"
+      }
+    },
+    "is-fullwidth-code-point": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
+      "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
+      "dev": true,
+      "requires": {
+        "number-is-nan": "1.0.1"
+      }
+    },
+    "is-glob": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+      "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=",
+      "dev": true,
+      "requires": {
+        "is-extglob": "2.1.1"
+      }
+    },
+    "is-number": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-2.1.0.tgz",
+      "integrity": "sha1-Afy7s5NGOlSPL0ZszhbezknbkI8=",
+      "dev": true,
+      "requires": {
+        "kind-of": "3.2.2"
+      }
+    },
+    "is-path-cwd": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-1.0.0.tgz",
+      "integrity": "sha1-0iXsIxMuie3Tj9p2dHLmLmXxEG0=",
+      "dev": true
+    },
+    "is-path-in-cwd": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-path-in-cwd/-/is-path-in-cwd-1.0.0.tgz",
+      "integrity": "sha1-ZHdYK4IU1gI0YJRWcAO+ip6sBNw=",
+      "dev": true,
+      "requires": {
+        "is-path-inside": "1.0.0"
+      }
+    },
+    "is-path-inside": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-1.0.0.tgz",
+      "integrity": "sha1-/AbloWg/vaE95mev9xe7wQpI838=",
+      "dev": true,
+      "requires": {
+        "path-is-inside": "1.0.2"
+      }
+    },
+    "is-plain-obj": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+      "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=",
+      "dev": true
+    },
+    "is-plain-object": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+      "dev": true,
+      "requires": {
+        "isobject": "3.0.1"
+      },
+      "dependencies": {
+        "isobject": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+          "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=",
+          "dev": true
+        }
+      }
+    },
+    "is-posix-bracket": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-posix-bracket/-/is-posix-bracket-0.1.1.tgz",
+      "integrity": "sha1-MzTceXdDaOkvAW5vvAqI9c1ua8Q=",
+      "dev": true
+    },
+    "is-primitive": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-primitive/-/is-primitive-2.0.0.tgz",
+      "integrity": "sha1-IHurkWOEmcB7Kt8kCkGochADRXU=",
+      "dev": true
+    },
+    "is-promise": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.1.0.tgz",
+      "integrity": "sha1-eaKp7OfwlugPNtKy87wWwf9L8/o=",
+      "dev": true
+    },
+    "is-regex": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.0.4.tgz",
+      "integrity": "sha1-VRdIm1RwkbCTDglWVM7SXul+lJE=",
+      "dev": true,
+      "requires": {
+        "has": "1.0.1"
+      }
+    },
+    "is-resolvable": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-resolvable/-/is-resolvable-1.0.0.tgz",
+      "integrity": "sha1-jfV8YeouPFAUCNEA+wE8+NbgzGI=",
+      "dev": true,
+      "requires": {
+        "tryit": "1.0.3"
+      }
+    },
+    "is-stream": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+      "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=",
+      "dev": true
+    },
+    "is-svg": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-svg/-/is-svg-2.1.0.tgz",
+      "integrity": "sha1-z2EJDaDZ77yrhyLeum8DIgjbsOk=",
+      "dev": true,
+      "requires": {
+        "html-comment-regex": "1.1.1"
+      }
+    },
+    "is-symbol": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.1.tgz",
+      "integrity": "sha1-PMWfAAJRlLarLjjbrmaJJWtmBXI=",
+      "dev": true
+    },
+    "is-typedarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+      "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=",
+      "dev": true
+    },
+    "is-utf8": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz",
+      "integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=",
+      "dev": true
+    },
+    "is-wsl": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-1.1.0.tgz",
+      "integrity": "sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=",
+      "dev": true
+    },
+    "isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=",
+      "dev": true
+    },
+    "isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
+      "dev": true
+    },
+    "isobject": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+      "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=",
+      "dev": true,
+      "requires": {
+        "isarray": "1.0.0"
+      }
+    },
+    "isstream": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
+      "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=",
+      "dev": true
+    },
+    "js-base64": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.3.2.tgz",
+      "integrity": "sha512-Y2/+DnfJJXT1/FCwUebUhLWb3QihxiSC42+ctHLGogmW2jPY6LCapMdFZXRvVP2z6qyKW7s6qncE/9gSqZiArw==",
+      "dev": true
+    },
+    "js-tokens": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz",
+      "integrity": "sha1-mGbfOVECEw449/mWvOtlRDIJwls="
+    },
+    "js-yaml": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.7.0.tgz",
+      "integrity": "sha1-XJZ93YN6m/3KXy3oQlOr6KHAO4A=",
+      "dev": true,
+      "requires": {
+        "argparse": "1.0.9",
+        "esprima": "2.7.3"
+      }
+    },
+    "jsbn": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
+      "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=",
+      "dev": true,
+      "optional": true
+    },
+    "jschardet": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/jschardet/-/jschardet-1.5.1.tgz",
+      "integrity": "sha512-vE2hT1D0HLZCLLclfBSfkfTTedhVj0fubHpJBHKwwUWX0nSbhPAfk+SG9rTX95BYNmau8rGFfCeaT6T5OW1C2A==",
+      "dev": true
+    },
+    "jsesc": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+      "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=",
+      "dev": true
+    },
+    "json-loader": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/json-loader/-/json-loader-0.5.7.tgz",
+      "integrity": "sha512-QLPs8Dj7lnf3e3QYS1zkCo+4ZwqOiF9d/nZnYozTISxXWCfNs9yuky5rJw4/W34s7POaNlbZmQGaB5NiXCbP4w==",
+      "dev": true
+    },
+    "json-schema": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz",
+      "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=",
+      "dev": true
+    },
+    "json-schema-traverse": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.3.1.tgz",
+      "integrity": "sha1-NJptRMU6Ud6JtAgFxdXlm0F9M0A=",
+      "dev": true
+    },
+    "json-stable-stringify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.0.1.tgz",
+      "integrity": "sha1-mnWdOcXy/1A/1TAGRu1EX4jE+a8=",
+      "dev": true,
+      "requires": {
+        "jsonify": "0.0.0"
+      }
+    },
+    "json-stringify-safe": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+      "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=",
+      "dev": true
+    },
+    "json3": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/json3/-/json3-3.3.2.tgz",
+      "integrity": "sha1-PAQ0dD35Pi9cQq7nsZvLSDV19OE=",
+      "dev": true
+    },
+    "json5": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz",
+      "integrity": "sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=",
+      "dev": true
+    },
+    "jsonfile": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-2.4.0.tgz",
+      "integrity": "sha1-NzaitCi4e72gzIO1P6PWM6NcKug=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "4.1.11"
+      }
+    },
+    "jsonify": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.0.tgz",
+      "integrity": "sha1-LHS27kHZPKUbe1qu6PUDYx0lKnM=",
+      "dev": true
+    },
+    "jsprim": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
+      "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=",
+      "dev": true,
+      "requires": {
+        "assert-plus": "1.0.0",
+        "extsprintf": "1.3.0",
+        "json-schema": "0.2.3",
+        "verror": "1.10.0"
+      }
+    },
+    "kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+      "dev": true,
+      "requires": {
+        "is-buffer": "1.1.5"
+      }
+    },
+    "klaw": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/klaw/-/klaw-1.3.1.tgz",
+      "integrity": "sha1-QIhDO0azsbolnXh4XY6W9zugJDk=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "4.1.11"
+      }
+    },
+    "lazy-cache": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz",
+      "integrity": "sha1-odePw6UEdMuAhF07O24dpJpEbo4=",
+      "dev": true
+    },
+    "lcid": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/lcid/-/lcid-1.0.0.tgz",
+      "integrity": "sha1-MIrMr6C8SDo4Z7S28rlQYlHRuDU=",
+      "dev": true,
+      "requires": {
+        "invert-kv": "1.0.0"
+      }
+    },
+    "less": {
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/less/-/less-2.7.2.tgz",
+      "integrity": "sha1-No1sxz4fsDmBGDKAkYdDxdz5s98=",
+      "dev": true,
+      "requires": {
+        "errno": "0.1.4",
+        "graceful-fs": "4.1.11",
+        "image-size": "0.5.5",
+        "mime": "1.4.1",
+        "mkdirp": "0.5.1",
+        "promise": "7.3.1",
+        "request": "2.83.0",
+        "source-map": "0.5.7"
+      }
+    },
+    "levn": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
+      "integrity": "sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=",
+      "dev": true,
+      "requires": {
+        "prelude-ls": "1.1.2",
+        "type-check": "0.3.2"
+      }
+    },
+    "load-json-file": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-2.0.0.tgz",
+      "integrity": "sha1-eUfkIUmvgNaWy/eXvKq8/h/inKg=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "4.1.11",
+        "parse-json": "2.2.0",
+        "pify": "2.3.0",
+        "strip-bom": "3.0.0"
+      }
+    },
+    "loader-runner": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-2.3.0.tgz",
+      "integrity": "sha1-9IKuqC1UPgeSFwDVpG7yb9rGuKI=",
+      "dev": true
+    },
+    "loader-utils": {
+      "version": "0.2.17",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz",
+      "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=",
+      "dev": true,
+      "requires": {
+        "big.js": "3.2.0",
+        "emojis-list": "2.1.0",
+        "json5": "0.5.1",
+        "object-assign": "4.1.1"
+      }
+    },
+    "locate-path": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+      "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
+      "dev": true,
+      "requires": {
+        "p-locate": "2.0.0",
+        "path-exists": "3.0.0"
+      }
+    },
+    "lodash": {
+      "version": "4.17.4",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.4.tgz",
+      "integrity": "sha1-eCA6TRwyiuHYbcpkYONptX9AVa4=",
+      "dev": true
+    },
+    "lodash.assign": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.assign/-/lodash.assign-4.2.0.tgz",
+      "integrity": "sha1-DZnzzNem0mHRm9rrkkUAXShYCOc=",
+      "dev": true
+    },
+    "lodash.camelcase": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+      "integrity": "sha1-soqmKIorn8ZRA1x3EfZathkDMaY=",
+      "dev": true
+    },
+    "lodash.clonedeep": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+      "integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=",
+      "dev": true
+    },
+    "lodash.memoize": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
+      "integrity": "sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=",
+      "dev": true
+    },
+    "lodash.mergewith": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/lodash.mergewith/-/lodash.mergewith-4.6.0.tgz",
+      "integrity": "sha1-FQzwoWeR9ZA7iJHqsVRgknS96lU=",
+      "dev": true
+    },
+    "lodash.tail": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.tail/-/lodash.tail-4.1.1.tgz",
+      "integrity": "sha1-0jM6NtnncXyK0vfKyv7HwytERmQ=",
+      "dev": true
+    },
+    "lodash.uniq": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
+      "integrity": "sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=",
+      "dev": true
+    },
+    "loglevel": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.5.0.tgz",
+      "integrity": "sha512-OQ2jhWI5G2qsvO0UFNyCQWgKl/tFiwuPIXxELzACeUO2FqstN/R7mmL09+nhv6xOWVPPojQO1A90sCEoJSgBcQ==",
+      "dev": true
+    },
+    "longest": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/longest/-/longest-1.0.1.tgz",
+      "integrity": "sha1-MKCy2jj3N3DoKUoNIuZiXtd9AJc=",
+      "dev": true
+    },
+    "loose-envify": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.3.1.tgz",
+      "integrity": "sha1-0aitM/qc4OcT1l/dCsi3SNR4yEg=",
+      "requires": {
+        "js-tokens": "3.0.2"
+      }
+    },
+    "loud-rejection": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz",
+      "integrity": "sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=",
+      "dev": true,
+      "requires": {
+        "currently-unhandled": "0.4.1",
+        "signal-exit": "3.0.2"
+      }
+    },
+    "lru-cache": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.1.tgz",
+      "integrity": "sha512-q4spe4KTfsAS1SUHLO0wz8Qiyf1+vMIAgpRYioFYDMNqKfHQbg+AVDH3i4fvpl71/P1L0dBl+fQi+P37UYf0ew==",
+      "dev": true,
+      "requires": {
+        "pseudomap": "1.0.2",
+        "yallist": "2.1.2"
+      }
+    },
+    "macaddress": {
+      "version": "0.2.8",
+      "resolved": "https://registry.npmjs.org/macaddress/-/macaddress-0.2.8.tgz",
+      "integrity": "sha1-WQTcU3w57G2+/q6QIycTX6hRHxI=",
+      "dev": true
+    },
+    "make-dir": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-1.0.0.tgz",
+      "integrity": "sha1-l6ARdR6R3YfPre9Ygy67BJNt6Xg=",
+      "dev": true,
+      "requires": {
+        "pify": "2.3.0"
+      }
+    },
+    "map-obj": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+      "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
+      "dev": true
+    },
+    "math-expression-evaluator": {
+      "version": "1.2.17",
+      "resolved": "https://registry.npmjs.org/math-expression-evaluator/-/math-expression-evaluator-1.2.17.tgz",
+      "integrity": "sha1-3oGf282E3M2PrlnGrreWFbnSZqw=",
+      "dev": true
+    },
+    "md5.js": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.4.tgz",
+      "integrity": "sha1-6b296UogpawYsENA/Fdk1bCdkB0=",
+      "dev": true,
+      "requires": {
+        "hash-base": "3.0.4",
+        "inherits": "2.0.3"
+      },
+      "dependencies": {
+        "hash-base": {
+          "version": "3.0.4",
+          "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.0.4.tgz",
+          "integrity": "sha1-X8hoaEfs1zSZQDMZprCj8/auSRg=",
+          "dev": true,
+          "requires": {
+            "inherits": "2.0.3",
+            "safe-buffer": "5.1.1"
+          }
+        }
+      }
+    },
+    "media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=",
+      "dev": true
+    },
+    "mem": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/mem/-/mem-1.1.0.tgz",
+      "integrity": "sha1-Xt1StIXKHZAP5kiVUFOZoN+kX3Y=",
+      "dev": true,
+      "requires": {
+        "mimic-fn": "1.1.0"
+      }
+    },
+    "memory-fs": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.4.1.tgz",
+      "integrity": "sha1-OpoguEYlI+RHz7x+i7gO1me/xVI=",
+      "dev": true,
+      "requires": {
+        "errno": "0.1.4",
+        "readable-stream": "2.3.3"
+      }
+    },
+    "meow": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
+      "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=",
+      "dev": true,
+      "requires": {
+        "camelcase-keys": "2.1.0",
+        "decamelize": "1.2.0",
+        "loud-rejection": "1.6.0",
+        "map-obj": "1.0.1",
+        "minimist": "1.2.0",
+        "normalize-package-data": "2.4.0",
+        "object-assign": "4.1.1",
+        "read-pkg-up": "1.0.1",
+        "redent": "1.0.0",
+        "trim-newlines": "1.0.0"
+      },
+      "dependencies": {
+        "find-up": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
+          "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
+          "dev": true,
+          "requires": {
+            "path-exists": "2.1.0",
+            "pinkie-promise": "2.0.1"
+          }
+        },
+        "load-json-file": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
+          "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "4.1.11",
+            "parse-json": "2.2.0",
+            "pify": "2.3.0",
+            "pinkie-promise": "2.0.1",
+            "strip-bom": "2.0.0"
+          }
+        },
+        "minimist": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+          "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
+          "dev": true
+        },
+        "path-exists": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
+          "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
+          "dev": true,
+          "requires": {
+            "pinkie-promise": "2.0.1"
+          }
+        },
+        "path-type": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
+          "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "4.1.11",
+            "pify": "2.3.0",
+            "pinkie-promise": "2.0.1"
+          }
+        },
+        "read-pkg": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
+          "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
+          "dev": true,
+          "requires": {
+            "load-json-file": "1.1.0",
+            "normalize-package-data": "2.4.0",
+            "path-type": "1.1.0"
+          }
+        },
+        "read-pkg-up": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
+          "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=",
+          "dev": true,
+          "requires": {
+            "find-up": "1.1.2",
+            "read-pkg": "1.1.0"
+          }
+        },
+        "strip-bom": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
+          "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
+          "dev": true,
+          "requires": {
+            "is-utf8": "0.2.1"
+          }
+        }
+      }
+    },
+    "merge-descriptors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+      "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=",
+      "dev": true
+    },
+    "methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=",
+      "dev": true
+    },
+    "micromatch": {
+      "version": "2.3.11",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-2.3.11.tgz",
+      "integrity": "sha1-hmd8l9FyCzY0MdBNDRUpO9OMFWU=",
+      "dev": true,
+      "requires": {
+        "arr-diff": "2.0.0",
+        "array-unique": "0.2.1",
+        "braces": "1.8.5",
+        "expand-brackets": "0.1.5",
+        "extglob": "0.3.2",
+        "filename-regex": "2.0.1",
+        "is-extglob": "1.0.0",
+        "is-glob": "2.0.1",
+        "kind-of": "3.2.2",
+        "normalize-path": "2.1.1",
+        "object.omit": "2.0.1",
+        "parse-glob": "3.0.4",
+        "regex-cache": "0.4.4"
+      },
+      "dependencies": {
+        "is-extglob": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+          "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=",
+          "dev": true
+        },
+        "is-glob": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+          "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
+          "dev": true,
+          "requires": {
+            "is-extglob": "1.0.0"
+          }
+        }
+      }
+    },
+    "miller-rabin": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz",
+      "integrity": "sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==",
+      "dev": true,
+      "requires": {
+        "bn.js": "4.11.8",
+        "brorand": "1.1.0"
+      }
+    },
+    "mime": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz",
+      "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==",
+      "dev": true
+    },
+    "mime-db": {
+      "version": "1.30.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.30.0.tgz",
+      "integrity": "sha1-dMZD2i3Z1qRTmZY0ZbJtXKfXHwE=",
+      "dev": true
+    },
+    "mime-types": {
+      "version": "2.1.17",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.17.tgz",
+      "integrity": "sha1-Cdejk/A+mVp5+K+Fe3Cp4KsWVXo=",
+      "dev": true,
+      "requires": {
+        "mime-db": "1.30.0"
+      }
+    },
+    "mimic-fn": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-1.1.0.tgz",
+      "integrity": "sha1-5md4PZLonb00KBi1IwudYqZyrRg=",
+      "dev": true
+    },
+    "minimalistic-assert": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.0.tgz",
+      "integrity": "sha1-cCvi3aazf0g2vLP121ZkG2Sh09M=",
+      "dev": true
+    },
+    "minimalistic-crypto-utils": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz",
+      "integrity": "sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo=",
+      "dev": true
+    },
+    "minimatch": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
+      "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
+      "dev": true,
+      "requires": {
+        "brace-expansion": "1.1.8"
+      }
+    },
+    "minimist": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
+      "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
+      "dev": true
+    },
+    "mississippi": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/mississippi/-/mississippi-1.3.0.tgz",
+      "integrity": "sha1-0gFYPrEjJ+PFwWQqQEqcrPlONPU=",
+      "dev": true,
+      "requires": {
+        "concat-stream": "1.6.0",
+        "duplexify": "3.5.1",
+        "end-of-stream": "1.4.0",
+        "flush-write-stream": "1.0.2",
+        "from2": "2.3.0",
+        "parallel-transform": "1.1.0",
+        "pump": "1.0.2",
+        "pumpify": "1.3.5",
+        "stream-each": "1.2.0",
+        "through2": "2.0.3"
+      }
+    },
+    "mixin-object": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mixin-object/-/mixin-object-2.0.1.tgz",
+      "integrity": "sha1-T7lJRB2rGCVA8f4DW6YOGUel5X4=",
+      "dev": true,
+      "requires": {
+        "for-in": "0.1.8",
+        "is-extendable": "0.1.1"
+      },
+      "dependencies": {
+        "for-in": {
+          "version": "0.1.8",
+          "resolved": "https://registry.npmjs.org/for-in/-/for-in-0.1.8.tgz",
+          "integrity": "sha1-2Hc5COMSVhCZUrH9ubP6hn0ndeE=",
+          "dev": true
+        }
+      }
+    },
+    "mkdirp": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
+      "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
+      "dev": true,
+      "requires": {
+        "minimist": "0.0.8"
+      }
+    },
+    "move-concurrently": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
+      "integrity": "sha1-viwAX9oy4LKa8fBdfEszIUxwH5I=",
+      "dev": true,
+      "requires": {
+        "aproba": "1.2.0",
+        "copy-concurrently": "1.0.5",
+        "fs-write-stream-atomic": "1.0.10",
+        "mkdirp": "0.5.1",
+        "rimraf": "2.6.2",
+        "run-queue": "1.0.3"
+      }
+    },
+    "ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+      "dev": true
+    },
+    "multicast-dns": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-6.1.1.tgz",
+      "integrity": "sha1-bn3oalcIcqsXBYrepxYLvsqBTd4=",
+      "dev": true,
+      "requires": {
+        "dns-packet": "1.2.2",
+        "thunky": "0.1.0"
+      }
+    },
+    "multicast-dns-service-types": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz",
+      "integrity": "sha1-iZ8R2WhuXgXLkbNdXw5jt3PPyQE=",
+      "dev": true
+    },
+    "mute-stream": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.7.tgz",
+      "integrity": "sha1-MHXOk7whuPq0PhvE2n6BFe0ee6s=",
+      "dev": true
+    },
+    "nan": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.7.0.tgz",
+      "integrity": "sha1-2Vv3IeyHfgjbJ27T/G63j5CDrUY=",
+      "dev": true
+    },
+    "natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
+      "dev": true
+    },
+    "negotiator": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.1.tgz",
+      "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk=",
+      "dev": true
+    },
+    "node-dir": {
+      "version": "0.1.17",
+      "resolved": "https://registry.npmjs.org/node-dir/-/node-dir-0.1.17.tgz",
+      "integrity": "sha1-X1Zl2TNRM1yqvvjxxVRRbPXx5OU=",
+      "dev": true,
+      "requires": {
+        "minimatch": "3.0.4"
+      }
+    },
+    "node-forge": {
+      "version": "0.6.33",
+      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.6.33.tgz",
+      "integrity": "sha1-RjgRh59XPUUVWtap9D3ClujoXrw=",
+      "dev": true
+    },
+    "node-gyp": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-3.6.2.tgz",
+      "integrity": "sha1-m/vlRWIoYoSDjnUOrAUpWFP6HGA=",
+      "dev": true,
+      "requires": {
+        "fstream": "1.0.11",
+        "glob": "7.1.2",
+        "graceful-fs": "4.1.11",
+        "minimatch": "3.0.4",
+        "mkdirp": "0.5.1",
+        "nopt": "3.0.6",
+        "npmlog": "4.1.2",
+        "osenv": "0.1.4",
+        "request": "2.83.0",
+        "rimraf": "2.6.2",
+        "semver": "5.3.0",
+        "tar": "2.2.1",
+        "which": "1.3.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "5.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz",
+          "integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8=",
+          "dev": true
+        }
+      }
+    },
+    "node-libs-browser": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/node-libs-browser/-/node-libs-browser-2.0.0.tgz",
+      "integrity": "sha1-o6WeyXAkmFtG6Vg3lkb5bEthZkY=",
+      "dev": true,
+      "requires": {
+        "assert": "1.4.1",
+        "browserify-zlib": "0.1.4",
+        "buffer": "4.9.1",
+        "console-browserify": "1.1.0",
+        "constants-browserify": "1.0.0",
+        "crypto-browserify": "3.11.1",
+        "domain-browser": "1.1.7",
+        "events": "1.1.1",
+        "https-browserify": "0.0.1",
+        "os-browserify": "0.2.1",
+        "path-browserify": "0.0.0",
+        "process": "0.11.10",
+        "punycode": "1.4.1",
+        "querystring-es3": "0.2.1",
+        "readable-stream": "2.3.3",
+        "stream-browserify": "2.0.1",
+        "stream-http": "2.7.2",
+        "string_decoder": "0.10.31",
+        "timers-browserify": "2.0.4",
+        "tty-browserify": "0.0.0",
+        "url": "0.11.0",
+        "util": "0.10.3",
+        "vm-browserify": "0.0.4"
+      },
+      "dependencies": {
+        "string_decoder": {
+          "version": "0.10.31",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+          "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=",
+          "dev": true
+        }
+      }
+    },
+    "node-sass": {
+      "version": "4.5.3",
+      "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.5.3.tgz",
+      "integrity": "sha1-0JydEXlkEjnRuX/8YjH9zsU+FWg=",
+      "dev": true,
+      "requires": {
+        "async-foreach": "0.1.3",
+        "chalk": "1.1.3",
+        "cross-spawn": "3.0.1",
+        "gaze": "1.1.2",
+        "get-stdin": "4.0.1",
+        "glob": "7.1.2",
+        "in-publish": "2.0.0",
+        "lodash.assign": "4.2.0",
+        "lodash.clonedeep": "4.5.0",
+        "lodash.mergewith": "4.6.0",
+        "meow": "3.7.0",
+        "mkdirp": "0.5.1",
+        "nan": "2.7.0",
+        "node-gyp": "3.6.2",
+        "npmlog": "4.1.2",
+        "request": "2.83.0",
+        "sass-graph": "2.2.4",
+        "stdout-stream": "1.4.0"
+      },
+      "dependencies": {
+        "cross-spawn": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-3.0.1.tgz",
+          "integrity": "sha1-ElYDfsufDF9549bvE14wdwGEuYI=",
+          "dev": true,
+          "requires": {
+            "lru-cache": "4.1.1",
+            "which": "1.3.0"
+          }
+        }
+      }
+    },
+    "nopt": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz",
+      "integrity": "sha1-xkZdvwirzU2zWTF/eaxopkayj/k=",
+      "dev": true,
+      "requires": {
+        "abbrev": "1.1.1"
+      }
+    },
+    "normalize-package-data": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.4.0.tgz",
+      "integrity": "sha512-9jjUFbTPfEy3R/ad/2oNbKtW9Hgovl5O1FvFWKkKblNXoN/Oou6+9+KKohPK13Yc3/TyunyWhJp6gvRNR/PPAw==",
+      "dev": true,
+      "requires": {
+        "hosted-git-info": "2.5.0",
+        "is-builtin-module": "1.0.0",
+        "semver": "5.4.1",
+        "validate-npm-package-license": "3.0.1"
+      }
+    },
+    "normalize-path": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+      "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=",
+      "dev": true,
+      "requires": {
+        "remove-trailing-separator": "1.1.0"
+      }
+    },
+    "normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=",
+      "dev": true
+    },
+    "normalize-url": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-1.9.1.tgz",
+      "integrity": "sha1-LMDWazHqIwNkWENuNiDYWVTGbDw=",
+      "dev": true,
+      "requires": {
+        "object-assign": "4.1.1",
+        "prepend-http": "1.0.4",
+        "query-string": "4.3.4",
+        "sort-keys": "1.1.2"
+      }
+    },
+    "npm-run-path": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
+      "integrity": "sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=",
+      "dev": true,
+      "requires": {
+        "path-key": "2.0.1"
+      }
+    },
+    "npmlog": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",
+      "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==",
+      "dev": true,
+      "requires": {
+        "are-we-there-yet": "1.1.4",
+        "console-control-strings": "1.1.0",
+        "gauge": "2.7.4",
+        "set-blocking": "2.0.0"
+      }
+    },
+    "num2fraction": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz",
+      "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=",
+      "dev": true
+    },
+    "number-is-nan": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
+      "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
+      "dev": true
+    },
+    "oauth-sign": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.8.2.tgz",
+      "integrity": "sha1-Rqarfwrq2N6unsBWV4C31O/rnUM=",
+      "dev": true
+    },
+    "object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
+      "dev": true
+    },
+    "object-keys": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.0.11.tgz",
+      "integrity": "sha1-xUYBd4rVYPEULODgG8yotW0TQm0=",
+      "dev": true
+    },
+    "object.omit": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/object.omit/-/object.omit-2.0.1.tgz",
+      "integrity": "sha1-Gpx0SCnznbuFjHbKNXmuKlTr0fo=",
+      "dev": true,
+      "requires": {
+        "for-own": "0.1.5",
+        "is-extendable": "0.1.1"
+      }
+    },
+    "obuf": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.1.tgz",
+      "integrity": "sha1-EEEktsYCxnlogaBCVB0220OlJk4=",
+      "dev": true
+    },
+    "on-finished": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
+      "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=",
+      "dev": true,
+      "requires": {
+        "ee-first": "1.1.1"
+      }
+    },
+    "on-headers": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.1.tgz",
+      "integrity": "sha1-ko9dD0cNSTQmUepnlLCFfBAGk/c=",
+      "dev": true
+    },
+    "once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+      "dev": true,
+      "requires": {
+        "wrappy": "1.0.2"
+      }
+    },
+    "onetime": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-2.0.1.tgz",
+      "integrity": "sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=",
+      "dev": true,
+      "requires": {
+        "mimic-fn": "1.1.0"
+      }
+    },
+    "opn": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/opn/-/opn-5.1.0.tgz",
+      "integrity": "sha512-iPNl7SyM8L30Rm1sjGdLLheyHVw5YXVfi3SKWJzBI7efxRwHojfRFjwE/OLM6qp9xJYMgab8WicTU1cPoY+Hpg==",
+      "dev": true,
+      "requires": {
+        "is-wsl": "1.1.0"
+      }
+    },
+    "optionator": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.2.tgz",
+      "integrity": "sha1-NkxeQJ0/TWMB1sC0wFu6UBgK62Q=",
+      "dev": true,
+      "requires": {
+        "deep-is": "0.1.3",
+        "fast-levenshtein": "2.0.6",
+        "levn": "0.3.0",
+        "prelude-ls": "1.1.2",
+        "type-check": "0.3.2",
+        "wordwrap": "1.0.0"
+      },
+      "dependencies": {
+        "wordwrap": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz",
+          "integrity": "sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=",
+          "dev": true
+        }
+      }
+    },
+    "original": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/original/-/original-1.0.0.tgz",
+      "integrity": "sha1-kUf5P6FpbQS+YeAb1QuurKZWvTs=",
+      "dev": true,
+      "requires": {
+        "url-parse": "1.0.5"
+      },
+      "dependencies": {
+        "url-parse": {
+          "version": "1.0.5",
+          "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.0.5.tgz",
+          "integrity": "sha1-CFSGBCKv3P7+tsllxmLUgAFpkns=",
+          "dev": true,
+          "requires": {
+            "querystringify": "0.0.4",
+            "requires-port": "1.0.0"
+          }
+        }
+      }
+    },
+    "os-browserify": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.2.1.tgz",
+      "integrity": "sha1-Y/xMzuXS13Y9Jrv4YBB45sLgBE8=",
+      "dev": true
+    },
+    "os-homedir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
+      "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=",
+      "dev": true
+    },
+    "os-locale": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-2.1.0.tgz",
+      "integrity": "sha512-3sslG3zJbEYcaC4YVAvDorjGxc7tv6KVATnLPZONiljsUncvihe9BQoVCEs0RZ1kmf4Hk9OBqlZfJZWI4GanKA==",
+      "dev": true,
+      "requires": {
+        "execa": "0.7.0",
+        "lcid": "1.0.0",
+        "mem": "1.1.0"
+      }
+    },
+    "os-tmpdir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+      "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=",
+      "dev": true
+    },
+    "osenv": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/osenv/-/osenv-0.1.4.tgz",
+      "integrity": "sha1-Qv5tWVPfBsgGS+bxdsPQWqqjRkQ=",
+      "dev": true,
+      "requires": {
+        "os-homedir": "1.0.2",
+        "os-tmpdir": "1.0.2"
+      }
+    },
+    "p-finally": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
+      "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=",
+      "dev": true
+    },
+    "p-limit": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.1.0.tgz",
+      "integrity": "sha1-sH/y2aXYi+yAYDWJWiurZqJ5iLw=",
+      "dev": true
+    },
+    "p-locate": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+      "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+      "dev": true,
+      "requires": {
+        "p-limit": "1.1.0"
+      }
+    },
+    "p-map": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-1.2.0.tgz",
+      "integrity": "sha512-r6zKACMNhjPJMTl8KcFH4li//gkrXWfbD6feV8l6doRHlzljFWGJ2AP6iKaCJXyZmAUMOPtvbW7EXkbWO/pLEA==",
+      "dev": true
+    },
+    "pako": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-0.2.9.tgz",
+      "integrity": "sha1-8/dSL073gjSNqBYbrZ7P1Rv4OnU=",
+      "dev": true
+    },
+    "parallel-transform": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/parallel-transform/-/parallel-transform-1.1.0.tgz",
+      "integrity": "sha1-1BDwZbBdojCB/NEPKIVMKb2jOwY=",
+      "dev": true,
+      "requires": {
+        "cyclist": "0.2.2",
+        "inherits": "2.0.3",
+        "readable-stream": "2.3.3"
+      }
+    },
+    "parse-asn1": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.0.tgz",
+      "integrity": "sha1-N8T5t+06tlx0gXtfJICTf7+XxxI=",
+      "dev": true,
+      "requires": {
+        "asn1.js": "4.9.1",
+        "browserify-aes": "1.0.8",
+        "create-hash": "1.1.3",
+        "evp_bytestokey": "1.0.3",
+        "pbkdf2": "3.0.14"
+      }
+    },
+    "parse-glob": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/parse-glob/-/parse-glob-3.0.4.tgz",
+      "integrity": "sha1-ssN2z7EfNVE7rdFz7wu246OIORw=",
+      "dev": true,
+      "requires": {
+        "glob-base": "0.3.0",
+        "is-dotfile": "1.0.3",
+        "is-extglob": "1.0.0",
+        "is-glob": "2.0.1"
+      },
+      "dependencies": {
+        "is-extglob": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+          "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=",
+          "dev": true
+        },
+        "is-glob": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+          "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
+          "dev": true,
+          "requires": {
+            "is-extglob": "1.0.0"
+          }
+        }
+      }
+    },
+    "parse-json": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
+      "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=",
+      "dev": true,
+      "requires": {
+        "error-ex": "1.3.1"
+      }
+    },
+    "parseurl": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz",
+      "integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M=",
+      "dev": true
+    },
+    "path-browserify": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-0.0.0.tgz",
+      "integrity": "sha1-oLhwcpquIUAFt9UDLsLLuw+0RRo=",
+      "dev": true
+    },
+    "path-exists": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+      "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+      "dev": true
+    },
+    "path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
+      "dev": true
+    },
+    "path-is-inside": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
+      "integrity": "sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM=",
+      "dev": true
+    },
+    "path-key": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+      "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+      "dev": true
+    },
+    "path-parse": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.5.tgz",
+      "integrity": "sha1-PBrfhx6pzWyUMbbqK9dKD/BVxME=",
+      "dev": true
+    },
+    "path-to-regexp": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-2.0.0.tgz",
+      "integrity": "sha512-DPZblKdQsbV6B3fHknj89h6Nw/Z5zFK0nFX+DVN7y8a+IUHf9taJWvMK+ue0+AEjXrke0KVRCcfm2pOYGSRk8g=="
+    },
+    "path-type": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-2.0.0.tgz",
+      "integrity": "sha1-8BLMuEFbcJb8LaoQVMPXI4lZTHM=",
+      "dev": true,
+      "requires": {
+        "pify": "2.3.0"
+      }
+    },
+    "pbkdf2": {
+      "version": "3.0.14",
+      "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.0.14.tgz",
+      "integrity": "sha512-gjsZW9O34fm0R7PaLHRJmLLVfSoesxztjPjE9o6R+qtVJij90ltg1joIovN9GKrRW3t1PzhDDG3UMEMFfZ+1wA==",
+      "dev": true,
+      "requires": {
+        "create-hash": "1.1.3",
+        "create-hmac": "1.1.6",
+        "ripemd160": "2.0.1",
+        "safe-buffer": "5.1.1",
+        "sha.js": "2.4.9"
+      }
+    },
+    "performance-now": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+      "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
+      "dev": true
+    },
+    "pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
+      "dev": true
+    },
+    "pinkie": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
+      "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA=",
+      "dev": true
+    },
+    "pinkie-promise": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
+      "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=",
+      "dev": true,
+      "requires": {
+        "pinkie": "2.0.4"
+      }
+    },
+    "pkg-dir": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-2.0.0.tgz",
+      "integrity": "sha1-9tXREJ4Z1j7fQo4L1X4Sd3YVM0s=",
+      "dev": true,
+      "requires": {
+        "find-up": "2.1.0"
+      }
+    },
+    "pluralize": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/pluralize/-/pluralize-7.0.0.tgz",
+      "integrity": "sha512-ARhBOdzS3e41FbkW/XWrTEtukqqLoK5+Z/4UeDaLuSW+39JPeFgs4gCGqsrJHVZX0fUrx//4OF0K1CUGwlIFow==",
+      "dev": true
+    },
+    "popper.js": {
+      "version": "1.12.6",
+      "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.12.6.tgz",
+      "integrity": "sha512-wZlMkIJM1hFcM9F7nSrRCbKKfkH0kk/GrCoj3EUoKU8kx9xPtvnOZNHKsQOM12+xqbYv2HeBWI8Y8pxb6vmnRQ=="
+    },
+    "portfinder": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.13.tgz",
+      "integrity": "sha1-uzLs2HwnEErm7kS1o8y/Drsa7ek=",
+      "dev": true,
+      "requires": {
+        "async": "1.5.2",
+        "debug": "2.6.9",
+        "mkdirp": "0.5.1"
+      },
+      "dependencies": {
+        "async": {
+          "version": "1.5.2",
+          "resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz",
+          "integrity": "sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo=",
+          "dev": true
+        }
+      }
+    },
+    "postcss": {
+      "version": "5.2.17",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-5.2.17.tgz",
+      "integrity": "sha1-z09Ze4ZNZcikkrLqvp1wbIecOIs=",
+      "dev": true,
+      "requires": {
+        "chalk": "1.1.3",
+        "js-base64": "2.3.2",
+        "source-map": "0.5.7",
+        "supports-color": "3.2.3"
+      },
+      "dependencies": {
+        "has-flag": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-1.0.0.tgz",
+          "integrity": "sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo=",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "3.2.3",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz",
+          "integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=",
+          "dev": true,
+          "requires": {
+            "has-flag": "1.0.0"
+          }
+        }
+      }
+    },
+    "postcss-calc": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-5.3.1.tgz",
+      "integrity": "sha1-d7rnypKK2FcW4v2kLyYb98HWW14=",
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17",
+        "postcss-message-helpers": "2.0.0",
+        "reduce-css-calc": "1.3.0"
+      }
+    },
+    "postcss-colormin": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-2.2.2.tgz",
+      "integrity": "sha1-ZjFBfV8OkJo9fsJrJMio0eT5bks=",
+      "dev": true,
+      "requires": {
+        "colormin": "1.1.2",
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0"
+      }
+    },
+    "postcss-convert-values": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-2.6.1.tgz",
+      "integrity": "sha1-u9hZPFwf0uPRwyK7kl3K6Nrk1i0=",
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0"
+      }
+    },
+    "postcss-discard-comments": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-2.0.4.tgz",
+      "integrity": "sha1-vv6J+v1bPazlzM5Rt2uBUUvgDj0=",
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17"
+      }
+    },
+    "postcss-discard-duplicates": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-2.1.0.tgz",
+      "integrity": "sha1-uavye4isGIFYpesSq8riAmO5GTI=",
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17"
+      }
+    },
+    "postcss-discard-empty": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-2.1.0.tgz",
+      "integrity": "sha1-0rS9nVztXr2Nyt52QMfXzX9PkrU=",
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17"
+      }
+    },
+    "postcss-discard-overridden": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-0.1.1.tgz",
+      "integrity": "sha1-ix6vVU9ob7KIzYdMVWZ7CqNmjVg=",
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17"
+      }
+    },
+    "postcss-discard-unused": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/postcss-discard-unused/-/postcss-discard-unused-2.2.3.tgz",
+      "integrity": "sha1-vOMLLMWR/8Y0Mitfs0ZLbZNPRDM=",
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17",
+        "uniqs": "2.0.0"
+      }
+    },
+    "postcss-filter-plugins": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-filter-plugins/-/postcss-filter-plugins-2.0.2.tgz",
+      "integrity": "sha1-bYWGJTTXNaxCDkqFgG4fXUKG2Ew=",
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17",
+        "uniqid": "4.1.1"
+      }
+    },
+    "postcss-load-config": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-1.2.0.tgz",
+      "integrity": "sha1-U56a/J3chiASHr+djDZz4M5Q0oo=",
+      "dev": true,
+      "requires": {
+        "cosmiconfig": "2.2.2",
+        "object-assign": "4.1.1",
+        "postcss-load-options": "1.2.0",
+        "postcss-load-plugins": "2.3.0"
+      }
+    },
+    "postcss-load-options": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-load-options/-/postcss-load-options-1.2.0.tgz",
+      "integrity": "sha1-sJixVZ3awt8EvAuzdfmaXP4rbYw=",
+      "dev": true,
+      "requires": {
+        "cosmiconfig": "2.2.2",
+        "object-assign": "4.1.1"
+      }
+    },
+    "postcss-load-plugins": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/postcss-load-plugins/-/postcss-load-plugins-2.3.0.tgz",
+      "integrity": "sha1-dFdoEWWZrKLwCfrUJrABdQSdjZI=",
+      "dev": true,
+      "requires": {
+        "cosmiconfig": "2.2.2",
+        "object-assign": "4.1.1"
+      }
+    },
+    "postcss-merge-idents": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/postcss-merge-idents/-/postcss-merge-idents-2.1.7.tgz",
+      "integrity": "sha1-TFUwMTwI4dWzu/PSu8dH4njuonA=",
+      "dev": true,
+      "requires": {
+        "has": "1.0.1",
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0"
+      }
+    },
+    "postcss-merge-longhand": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-2.0.2.tgz",
+      "integrity": "sha1-I9kM0Sewp3mUkVMyc5A0oaTz1lg=",
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17"
+      }
+    },
+    "postcss-merge-rules": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-2.1.2.tgz",
+      "integrity": "sha1-0d9d+qexrMO+VT8OnhDofGG19yE=",
+      "dev": true,
+      "requires": {
+        "browserslist": "1.7.7",
+        "caniuse-api": "1.6.1",
+        "postcss": "5.2.17",
+        "postcss-selector-parser": "2.2.3",
+        "vendors": "1.0.1"
+      }
+    },
+    "postcss-message-helpers": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-message-helpers/-/postcss-message-helpers-2.0.0.tgz",
+      "integrity": "sha1-pPL0+rbk/gAvCu0ABHjN9S+bpg4=",
+      "dev": true
+    },
+    "postcss-minify-font-values": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-1.0.5.tgz",
+      "integrity": "sha1-S1jttWZB66fIR0qzUmyv17vey2k=",
+      "dev": true,
+      "requires": {
+        "object-assign": "4.1.1",
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0"
+      }
+    },
+    "postcss-minify-gradients": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-1.0.5.tgz",
+      "integrity": "sha1-Xb2hE3NwP4PPtKPqOIHY11/15uE=",
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0"
+      }
+    },
+    "postcss-minify-params": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-1.2.2.tgz",
+      "integrity": "sha1-rSzgcTc7lDs9kwo/pZo1jCjW8fM=",
+      "dev": true,
+      "requires": {
+        "alphanum-sort": "1.0.2",
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0",
+        "uniqs": "2.0.0"
+      }
+    },
+    "postcss-minify-selectors": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-2.1.1.tgz",
+      "integrity": "sha1-ssapjAByz5G5MtGkllCBFDEXNb8=",
+      "dev": true,
+      "requires": {
+        "alphanum-sort": "1.0.2",
+        "has": "1.0.1",
+        "postcss": "5.2.17",
+        "postcss-selector-parser": "2.2.3"
+      }
+    },
+    "postcss-modules-extract-imports": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-1.1.0.tgz",
+      "integrity": "sha1-thTJcgvmgW6u41+zpfqh26agXds=",
+      "dev": true,
+      "requires": {
+        "postcss": "6.0.12"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz",
+          "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==",
+          "dev": true,
+          "requires": {
+            "color-convert": "1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.1.0.tgz",
+          "integrity": "sha512-LUHGS/dge4ujbXMJrnihYMcL4AoOweGnw9Tp3kQuqy1Kx5c1qKjqvMJZ6nVJPMWJtKCTN72ZogH3oeSO9g9rXQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "3.2.0",
+            "escape-string-regexp": "1.0.5",
+            "supports-color": "4.4.0"
+          }
+        },
+        "postcss": {
+          "version": "6.0.12",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.12.tgz",
+          "integrity": "sha512-K6SLofXEK43FBSyZ6/ExQV7ji24OEw4tEY6x1CAf7+tcoMWJoO24Rf3rVFVpk+5IQL1e1Cy3sTKfg7hXuLzafg==",
+          "dev": true,
+          "requires": {
+            "chalk": "2.1.0",
+            "source-map": "0.5.7",
+            "supports-color": "4.4.0"
+          }
+        }
+      }
+    },
+    "postcss-modules-local-by-default": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-1.2.0.tgz",
+      "integrity": "sha1-99gMOYxaOT+nlkRmvRlQCn1hwGk=",
+      "dev": true,
+      "requires": {
+        "css-selector-tokenizer": "0.7.0",
+        "postcss": "6.0.12"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz",
+          "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==",
+          "dev": true,
+          "requires": {
+            "color-convert": "1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.1.0.tgz",
+          "integrity": "sha512-LUHGS/dge4ujbXMJrnihYMcL4AoOweGnw9Tp3kQuqy1Kx5c1qKjqvMJZ6nVJPMWJtKCTN72ZogH3oeSO9g9rXQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "3.2.0",
+            "escape-string-regexp": "1.0.5",
+            "supports-color": "4.4.0"
+          }
+        },
+        "postcss": {
+          "version": "6.0.12",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.12.tgz",
+          "integrity": "sha512-K6SLofXEK43FBSyZ6/ExQV7ji24OEw4tEY6x1CAf7+tcoMWJoO24Rf3rVFVpk+5IQL1e1Cy3sTKfg7hXuLzafg==",
+          "dev": true,
+          "requires": {
+            "chalk": "2.1.0",
+            "source-map": "0.5.7",
+            "supports-color": "4.4.0"
+          }
+        }
+      }
+    },
+    "postcss-modules-scope": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-1.1.0.tgz",
+      "integrity": "sha1-1upkmUx5+XtipytCb75gVqGUu5A=",
+      "dev": true,
+      "requires": {
+        "css-selector-tokenizer": "0.7.0",
+        "postcss": "6.0.12"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz",
+          "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==",
+          "dev": true,
+          "requires": {
+            "color-convert": "1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.1.0.tgz",
+          "integrity": "sha512-LUHGS/dge4ujbXMJrnihYMcL4AoOweGnw9Tp3kQuqy1Kx5c1qKjqvMJZ6nVJPMWJtKCTN72ZogH3oeSO9g9rXQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "3.2.0",
+            "escape-string-regexp": "1.0.5",
+            "supports-color": "4.4.0"
+          }
+        },
+        "postcss": {
+          "version": "6.0.12",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.12.tgz",
+          "integrity": "sha512-K6SLofXEK43FBSyZ6/ExQV7ji24OEw4tEY6x1CAf7+tcoMWJoO24Rf3rVFVpk+5IQL1e1Cy3sTKfg7hXuLzafg==",
+          "dev": true,
+          "requires": {
+            "chalk": "2.1.0",
+            "source-map": "0.5.7",
+            "supports-color": "4.4.0"
+          }
+        }
+      }
+    },
+    "postcss-modules-values": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-1.3.0.tgz",
+      "integrity": "sha1-7P+p1+GSUYOJ9CrQ6D9yrsRW6iA=",
+      "dev": true,
+      "requires": {
+        "icss-replace-symbols": "1.1.0",
+        "postcss": "6.0.12"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz",
+          "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==",
+          "dev": true,
+          "requires": {
+            "color-convert": "1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.1.0.tgz",
+          "integrity": "sha512-LUHGS/dge4ujbXMJrnihYMcL4AoOweGnw9Tp3kQuqy1Kx5c1qKjqvMJZ6nVJPMWJtKCTN72ZogH3oeSO9g9rXQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "3.2.0",
+            "escape-string-regexp": "1.0.5",
+            "supports-color": "4.4.0"
+          }
+        },
+        "postcss": {
+          "version": "6.0.12",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.12.tgz",
+          "integrity": "sha512-K6SLofXEK43FBSyZ6/ExQV7ji24OEw4tEY6x1CAf7+tcoMWJoO24Rf3rVFVpk+5IQL1e1Cy3sTKfg7hXuLzafg==",
+          "dev": true,
+          "requires": {
+            "chalk": "2.1.0",
+            "source-map": "0.5.7",
+            "supports-color": "4.4.0"
+          }
+        }
+      }
+    },
+    "postcss-normalize-charset": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-1.1.1.tgz",
+      "integrity": "sha1-757nEhLX/nWceO0WL2HtYrXLk/E=",
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17"
+      }
+    },
+    "postcss-normalize-url": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-3.0.8.tgz",
+      "integrity": "sha1-EI90s/L82viRov+j6kWSJ5/HgiI=",
+      "dev": true,
+      "requires": {
+        "is-absolute-url": "2.1.0",
+        "normalize-url": "1.9.1",
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0"
+      }
+    },
+    "postcss-ordered-values": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-2.2.3.tgz",
+      "integrity": "sha1-7sbCpntsQSqNsgQud/6NpD+VwR0=",
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0"
+      }
+    },
+    "postcss-reduce-idents": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/postcss-reduce-idents/-/postcss-reduce-idents-2.4.0.tgz",
+      "integrity": "sha1-wsbSDMlYKE9qv75j92Cb9AkFmtM=",
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0"
+      }
+    },
+    "postcss-reduce-initial": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-1.0.1.tgz",
+      "integrity": "sha1-aPgGlfBF0IJjqHmtJA343WT2ROo=",
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17"
+      }
+    },
+    "postcss-reduce-transforms": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-1.0.4.tgz",
+      "integrity": "sha1-/3b02CEkN7McKYpC0uFEQCV3GuE=",
+      "dev": true,
+      "requires": {
+        "has": "1.0.1",
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0"
+      }
+    },
+    "postcss-selector-parser": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-2.2.3.tgz",
+      "integrity": "sha1-+UN3iGBsPJrO4W/+jYsWKX8nu5A=",
+      "dev": true,
+      "requires": {
+        "flatten": "1.0.2",
+        "indexes-of": "1.0.1",
+        "uniq": "1.0.1"
+      }
+    },
+    "postcss-svgo": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-2.1.6.tgz",
+      "integrity": "sha1-tt8YqmE7Zm4TPwittSGcJoSsEI0=",
+      "dev": true,
+      "requires": {
+        "is-svg": "2.1.0",
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0",
+        "svgo": "0.7.2"
+      }
+    },
+    "postcss-unique-selectors": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-2.0.2.tgz",
+      "integrity": "sha1-mB1X0p3csz57Hf4f1DuGSfkzyh0=",
+      "dev": true,
+      "requires": {
+        "alphanum-sort": "1.0.2",
+        "postcss": "5.2.17",
+        "uniqs": "2.0.0"
+      }
+    },
+    "postcss-value-parser": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.0.tgz",
+      "integrity": "sha1-h/OPnxj3dKSrTIojL1xc6IcqnRU=",
+      "dev": true
+    },
+    "postcss-zindex": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-zindex/-/postcss-zindex-2.2.0.tgz",
+      "integrity": "sha1-0hCd3AVbka9n/EyzsCWUZjnSryI=",
+      "dev": true,
+      "requires": {
+        "has": "1.0.1",
+        "postcss": "5.2.17",
+        "uniqs": "2.0.0"
+      }
+    },
+    "prelude-ls": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
+      "integrity": "sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=",
+      "dev": true
+    },
+    "prepend-http": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz",
+      "integrity": "sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw=",
+      "dev": true
+    },
+    "preserve": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/preserve/-/preserve-0.2.0.tgz",
+      "integrity": "sha1-gV7R9uvGWSb4ZbMQwHE7yzMVzks=",
+      "dev": true
+    },
+    "prettier": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-1.7.4.tgz",
+      "integrity": "sha1-XoYkrpNjyA+V7GRFhOzfVddPk/o=",
+      "dev": true
+    },
+    "process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=",
+      "dev": true
+    },
+    "process-nextick-args": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-1.0.7.tgz",
+      "integrity": "sha1-FQ4gt1ZZCtP5EJPyWk8q2L/zC6M=",
+      "dev": true
+    },
+    "progress": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.0.tgz",
+      "integrity": "sha1-ihvjZr+Pwj2yvSPxDG/pILQ4nR8=",
+      "dev": true
+    },
+    "promise": {
+      "version": "7.3.1",
+      "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
+      "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "asap": "2.0.6"
+      }
+    },
+    "promise-inflight": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
+      "integrity": "sha1-mEcocL8igTL8vdhoEputEsPAKeM=",
+      "dev": true
+    },
+    "proxy-addr": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.2.tgz",
+      "integrity": "sha1-ZXFQT0e7mI7IGAJT+F3X4UlSvew=",
+      "dev": true,
+      "requires": {
+        "forwarded": "0.1.2",
+        "ipaddr.js": "1.5.2"
+      }
+    },
+    "prr": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/prr/-/prr-0.0.0.tgz",
+      "integrity": "sha1-GoS4WQgyVQFBGFPQCB7j+obikmo=",
+      "dev": true
+    },
+    "pseudomap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
+      "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=",
+      "dev": true
+    },
+    "public-encrypt": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.0.tgz",
+      "integrity": "sha1-OfaZ86RlYN1eusvKaTyvfGXBjMY=",
+      "dev": true,
+      "requires": {
+        "bn.js": "4.11.8",
+        "browserify-rsa": "4.0.1",
+        "create-hash": "1.1.3",
+        "parse-asn1": "5.1.0",
+        "randombytes": "2.0.5"
+      }
+    },
+    "pump": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-1.0.2.tgz",
+      "integrity": "sha1-Oz7mUS+U8OV1U4wXmV+fFpkKXVE=",
+      "dev": true,
+      "requires": {
+        "end-of-stream": "1.4.0",
+        "once": "1.4.0"
+      }
+    },
+    "pumpify": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/pumpify/-/pumpify-1.3.5.tgz",
+      "integrity": "sha1-G2ccYZlAq8rqwK0OOjwWS+dgmTs=",
+      "dev": true,
+      "requires": {
+        "duplexify": "3.5.1",
+        "inherits": "2.0.3",
+        "pump": "1.0.2"
+      }
+    },
+    "punycode": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+      "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=",
+      "dev": true
+    },
+    "q": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/q/-/q-1.5.0.tgz",
+      "integrity": "sha1-3QG6ydBtMObyGa7LglPunr3DCPE=",
+      "dev": true
+    },
+    "qs": {
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.1.tgz",
+      "integrity": "sha512-eRzhrN1WSINYCDCbrz796z37LOe3m5tmW7RQf6oBntukAG1nmovJvhnwHHRMAfeoItc1m2Hk02WER2aQ/iqs+A==",
+      "dev": true
+    },
+    "query-string": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/query-string/-/query-string-4.3.4.tgz",
+      "integrity": "sha1-u7aTucqRXCMlFbIosaArYJBD2+s=",
+      "dev": true,
+      "requires": {
+        "object-assign": "4.1.1",
+        "strict-uri-encode": "1.1.0"
+      }
+    },
+    "querystring": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz",
+      "integrity": "sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=",
+      "dev": true
+    },
+    "querystring-es3": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz",
+      "integrity": "sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=",
+      "dev": true
+    },
+    "querystringify": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-0.0.4.tgz",
+      "integrity": "sha1-DPf4T5Rj/wrlHExLFC2VvjdyTZw=",
+      "dev": true
+    },
+    "randomatic": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/randomatic/-/randomatic-1.1.7.tgz",
+      "integrity": "sha512-D5JUjPyJbaJDkuAazpVnSfVkLlpeO3wDlPROTMLGKG1zMFNFRgrciKo1ltz/AzNTkqE0HzDx655QOL51N06how==",
+      "dev": true,
+      "requires": {
+        "is-number": "3.0.0",
+        "kind-of": "4.0.0"
+      },
+      "dependencies": {
+        "is-number": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+          "dev": true,
+          "requires": {
+            "kind-of": "3.2.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "dev": true,
+              "requires": {
+                "is-buffer": "1.1.5"
+              }
+            }
+          }
+        },
+        "kind-of": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz",
+          "integrity": "sha1-IIE989cSkosgc3hpGkUGb65y3Vc=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "1.1.5"
+          }
+        }
+      }
+    },
+    "randombytes": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.0.5.tgz",
+      "integrity": "sha512-8T7Zn1AhMsQ/HI1SjcCfT/t4ii3eAqco3yOcSzS4mozsOz69lHLsoMXmF9nZgnFanYscnSlUSgs8uZyKzpE6kg==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "range-parser": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz",
+      "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=",
+      "dev": true
+    },
+    "raw-body": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.2.tgz",
+      "integrity": "sha1-vNYMd9Prk83gBQKVw/N5OJvIj4k=",
+      "dev": true,
+      "requires": {
+        "bytes": "3.0.0",
+        "http-errors": "1.6.2",
+        "iconv-lite": "0.4.19",
+        "unpipe": "1.0.0"
+      }
+    },
+    "raw-loader": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/raw-loader/-/raw-loader-0.5.1.tgz",
+      "integrity": "sha1-DD0L6u2KAclm2Xh793goElKpeao=",
+      "dev": true
+    },
+    "read-pkg": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-2.0.0.tgz",
+      "integrity": "sha1-jvHAYjxqbbDcZxPEv6xGMysjaPg=",
+      "dev": true,
+      "requires": {
+        "load-json-file": "2.0.0",
+        "normalize-package-data": "2.4.0",
+        "path-type": "2.0.0"
+      }
+    },
+    "read-pkg-up": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-2.0.0.tgz",
+      "integrity": "sha1-a3KoBImE4MQeeVEP1en6mbO1Sb4=",
+      "dev": true,
+      "requires": {
+        "find-up": "2.1.0",
+        "read-pkg": "2.0.0"
+      }
+    },
+    "readable-stream": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.3.tgz",
+      "integrity": "sha512-m+qzzcn7KUxEmd1gMbchF+Y2eIUbieUaxkWtptyHywrX0rE8QEYqPC07Vuy4Wm32/xE16NcdBctb8S0Xe/5IeQ==",
+      "dev": true,
+      "requires": {
+        "core-util-is": "1.0.2",
+        "inherits": "2.0.3",
+        "isarray": "1.0.0",
+        "process-nextick-args": "1.0.7",
+        "safe-buffer": "5.1.1",
+        "string_decoder": "1.0.3",
+        "util-deprecate": "1.0.2"
+      }
+    },
+    "readdirp": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.1.0.tgz",
+      "integrity": "sha1-TtCtBg3zBzMAxIRANz9y0cxkLXg=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "4.1.11",
+        "minimatch": "3.0.4",
+        "readable-stream": "2.3.3",
+        "set-immediate-shim": "1.0.1"
+      }
+    },
+    "redent": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz",
+      "integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=",
+      "dev": true,
+      "requires": {
+        "indent-string": "2.1.0",
+        "strip-indent": "1.0.1"
+      }
+    },
+    "reduce-css-calc": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/reduce-css-calc/-/reduce-css-calc-1.3.0.tgz",
+      "integrity": "sha1-dHyRTgSWFKTJz7umKYca0dKSdxY=",
+      "dev": true,
+      "requires": {
+        "balanced-match": "0.4.2",
+        "math-expression-evaluator": "1.2.17",
+        "reduce-function-call": "1.0.2"
+      },
+      "dependencies": {
+        "balanced-match": {
+          "version": "0.4.2",
+          "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-0.4.2.tgz",
+          "integrity": "sha1-yz8+PHMtwPAe5wtAPzAuYddwmDg=",
+          "dev": true
+        }
+      }
+    },
+    "reduce-function-call": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/reduce-function-call/-/reduce-function-call-1.0.2.tgz",
+      "integrity": "sha1-WiAL+S4ON3UXUv5FsKszD9S2vpk=",
+      "dev": true,
+      "requires": {
+        "balanced-match": "0.4.2"
+      },
+      "dependencies": {
+        "balanced-match": {
+          "version": "0.4.2",
+          "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-0.4.2.tgz",
+          "integrity": "sha1-yz8+PHMtwPAe5wtAPzAuYddwmDg=",
+          "dev": true
+        }
+      }
+    },
+    "regenerate": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.3.3.tgz",
+      "integrity": "sha512-jVpo1GadrDAK59t/0jRx5VxYWQEDkkEKi6+HjE3joFVLfDOh9Xrdh0dF1eSq+BI/SwvTQ44gSscJ8N5zYL61sg==",
+      "dev": true
+    },
+    "regex-cache": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/regex-cache/-/regex-cache-0.4.4.tgz",
+      "integrity": "sha512-nVIZwtCjkC9YgvWkpM55B5rBhBYRZhAaJbgcFYXXsHnbZ9UZI9nnVWYZpBlCqv9ho2eZryPnWrZGsOdPwVWXWQ==",
+      "dev": true,
+      "requires": {
+        "is-equal-shallow": "0.1.3"
+      }
+    },
+    "regexpu-core": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-1.0.0.tgz",
+      "integrity": "sha1-hqdj9Y7k18L2sQLkdkBQ3n7ZDGs=",
+      "dev": true,
+      "requires": {
+        "regenerate": "1.3.3",
+        "regjsgen": "0.2.0",
+        "regjsparser": "0.1.5"
+      }
+    },
+    "regjsgen": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz",
+      "integrity": "sha1-bAFq3qxVT3WCP+N6wFuS1aTtsfc=",
+      "dev": true
+    },
+    "regjsparser": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.1.5.tgz",
+      "integrity": "sha1-fuj4Tcb6eS0/0K4ijSS9lJ6tIFw=",
+      "dev": true,
+      "requires": {
+        "jsesc": "0.5.0"
+      }
+    },
+    "remove-trailing-separator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
+      "integrity": "sha1-wkvOKig62tW8P1jg1IJJuSN52O8=",
+      "dev": true
+    },
+    "repeat-element": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.2.tgz",
+      "integrity": "sha1-7wiaF40Ug7quTZPrmLT55OEdmQo=",
+      "dev": true
+    },
+    "repeat-string": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz",
+      "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=",
+      "dev": true
+    },
+    "repeating": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz",
+      "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=",
+      "dev": true,
+      "requires": {
+        "is-finite": "1.0.2"
+      }
+    },
+    "request": {
+      "version": "2.83.0",
+      "resolved": "https://registry.npmjs.org/request/-/request-2.83.0.tgz",
+      "integrity": "sha512-lR3gD69osqm6EYLk9wB/G1W/laGWjzH90t1vEa2xuxHD5KUrSzp9pUSfTm+YC5Nxt2T8nMPEvKlhbQayU7bgFw==",
+      "dev": true,
+      "requires": {
+        "aws-sign2": "0.7.0",
+        "aws4": "1.6.0",
+        "caseless": "0.12.0",
+        "combined-stream": "1.0.5",
+        "extend": "3.0.1",
+        "forever-agent": "0.6.1",
+        "form-data": "2.3.1",
+        "har-validator": "5.0.3",
+        "hawk": "6.0.2",
+        "http-signature": "1.2.0",
+        "is-typedarray": "1.0.0",
+        "isstream": "0.1.2",
+        "json-stringify-safe": "5.0.1",
+        "mime-types": "2.1.17",
+        "oauth-sign": "0.8.2",
+        "performance-now": "2.1.0",
+        "qs": "6.5.1",
+        "safe-buffer": "5.1.1",
+        "stringstream": "0.0.5",
+        "tough-cookie": "2.3.3",
+        "tunnel-agent": "0.6.0",
+        "uuid": "3.1.0"
+      }
+    },
+    "require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=",
+      "dev": true
+    },
+    "require-from-string": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-1.2.1.tgz",
+      "integrity": "sha1-UpyczvJzgK3+yaL5ZbZJu+5jZBg=",
+      "dev": true
+    },
+    "require-main-filename": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz",
+      "integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=",
+      "dev": true
+    },
+    "require-uncached": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/require-uncached/-/require-uncached-1.0.3.tgz",
+      "integrity": "sha1-Tg1W1slmL9MeQwEcS5WqSZVUIdM=",
+      "dev": true,
+      "requires": {
+        "caller-path": "0.1.0",
+        "resolve-from": "1.0.1"
+      }
+    },
+    "requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=",
+      "dev": true
+    },
+    "resolve": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.4.0.tgz",
+      "integrity": "sha512-aW7sVKPufyHqOmyyLzg/J+8606v5nevBgaliIlV7nUpVMsDnoBGV/cbSLNjZAg9q0Cfd/+easKVKQ8vOu8fn1Q==",
+      "dev": true,
+      "requires": {
+        "path-parse": "1.0.5"
+      }
+    },
+    "resolve-from": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-1.0.1.tgz",
+      "integrity": "sha1-Jsv+k10a7uq7Kbw/5a6wHpPUQiY=",
+      "dev": true
+    },
+    "restore-cursor": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-2.0.0.tgz",
+      "integrity": "sha1-n37ih/gv0ybU/RYpI9YhKe7g368=",
+      "dev": true,
+      "requires": {
+        "onetime": "2.0.1",
+        "signal-exit": "3.0.2"
+      }
+    },
+    "right-align": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/right-align/-/right-align-0.1.3.tgz",
+      "integrity": "sha1-YTObci/mo1FWiSENJOFMlhSGE+8=",
+      "dev": true,
+      "requires": {
+        "align-text": "0.1.4"
+      }
+    },
+    "rimraf": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.2.tgz",
+      "integrity": "sha512-lreewLK/BlghmxtfH36YYVg1i8IAce4TI7oao75I1g245+6BctqTVQiBP3YUJ9C6DQOXJmkYR9X9fCLtCOJc5w==",
+      "dev": true,
+      "requires": {
+        "glob": "7.1.2"
+      }
+    },
+    "ripemd160": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.1.tgz",
+      "integrity": "sha1-D0WEKVxTo2KK9+bXmsohzlfRxuc=",
+      "dev": true,
+      "requires": {
+        "hash-base": "2.0.2",
+        "inherits": "2.0.3"
+      }
+    },
+    "run-async": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.3.0.tgz",
+      "integrity": "sha1-A3GrSuC91yDUFm19/aZP96RFpsA=",
+      "dev": true,
+      "requires": {
+        "is-promise": "2.1.0"
+      }
+    },
+    "run-queue": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/run-queue/-/run-queue-1.0.3.tgz",
+      "integrity": "sha1-6Eg5bwV9Ij8kOGkkYY4laUFh7Ec=",
+      "dev": true,
+      "requires": {
+        "aproba": "1.2.0"
+      }
+    },
+    "rx-lite": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/rx-lite/-/rx-lite-4.0.8.tgz",
+      "integrity": "sha1-Cx4Rr4vESDbwSmQH6S2kJGe3lEQ=",
+      "dev": true
+    },
+    "rx-lite-aggregates": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/rx-lite-aggregates/-/rx-lite-aggregates-4.0.8.tgz",
+      "integrity": "sha1-dTuHqJoRyVRnxKwWJsTvxOBcZ74=",
+      "dev": true,
+      "requires": {
+        "rx-lite": "4.0.8"
+      }
+    },
+    "safe-buffer": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz",
+      "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==",
+      "dev": true
+    },
+    "sass-graph": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.4.tgz",
+      "integrity": "sha1-E/vWPNHK8JCLn9k0dq1DpR0eC0k=",
+      "dev": true,
+      "requires": {
+        "glob": "7.1.2",
+        "lodash": "4.17.4",
+        "scss-tokenizer": "0.2.3",
+        "yargs": "7.1.0"
+      },
+      "dependencies": {
+        "camelcase": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz",
+          "integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo=",
+          "dev": true
+        },
+        "cliui": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz",
+          "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=",
+          "dev": true,
+          "requires": {
+            "string-width": "1.0.2",
+            "strip-ansi": "3.0.1",
+            "wrap-ansi": "2.1.0"
+          }
+        },
+        "find-up": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
+          "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
+          "dev": true,
+          "requires": {
+            "path-exists": "2.1.0",
+            "pinkie-promise": "2.0.1"
+          }
+        },
+        "load-json-file": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
+          "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "4.1.11",
+            "parse-json": "2.2.0",
+            "pify": "2.3.0",
+            "pinkie-promise": "2.0.1",
+            "strip-bom": "2.0.0"
+          }
+        },
+        "os-locale": {
+          "version": "1.4.0",
+          "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
+          "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=",
+          "dev": true,
+          "requires": {
+            "lcid": "1.0.0"
+          }
+        },
+        "path-exists": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
+          "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
+          "dev": true,
+          "requires": {
+            "pinkie-promise": "2.0.1"
+          }
+        },
+        "path-type": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
+          "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "4.1.11",
+            "pify": "2.3.0",
+            "pinkie-promise": "2.0.1"
+          }
+        },
+        "read-pkg": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
+          "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
+          "dev": true,
+          "requires": {
+            "load-json-file": "1.1.0",
+            "normalize-package-data": "2.4.0",
+            "path-type": "1.1.0"
+          }
+        },
+        "read-pkg-up": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
+          "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=",
+          "dev": true,
+          "requires": {
+            "find-up": "1.1.2",
+            "read-pkg": "1.1.0"
+          }
+        },
+        "string-width": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+          "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
+          "dev": true,
+          "requires": {
+            "code-point-at": "1.1.0",
+            "is-fullwidth-code-point": "1.0.0",
+            "strip-ansi": "3.0.1"
+          }
+        },
+        "strip-bom": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
+          "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
+          "dev": true,
+          "requires": {
+            "is-utf8": "0.2.1"
+          }
+        },
+        "which-module": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/which-module/-/which-module-1.0.0.tgz",
+          "integrity": "sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8=",
+          "dev": true
+        },
+        "yargs": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-7.1.0.tgz",
+          "integrity": "sha1-a6MY6xaWFyf10oT46gA+jWFU0Mg=",
+          "dev": true,
+          "requires": {
+            "camelcase": "3.0.0",
+            "cliui": "3.2.0",
+            "decamelize": "1.2.0",
+            "get-caller-file": "1.0.2",
+            "os-locale": "1.4.0",
+            "read-pkg-up": "1.0.1",
+            "require-directory": "2.1.1",
+            "require-main-filename": "1.0.1",
+            "set-blocking": "2.0.0",
+            "string-width": "1.0.2",
+            "which-module": "1.0.0",
+            "y18n": "3.2.1",
+            "yargs-parser": "5.0.0"
+          }
+        },
+        "yargs-parser": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-5.0.0.tgz",
+          "integrity": "sha1-J17PDX/+Bcd+ZOfIbkzZS/DhIoo=",
+          "dev": true,
+          "requires": {
+            "camelcase": "3.0.0"
+          }
+        }
+      }
+    },
+    "sass-loader": {
+      "version": "6.0.6",
+      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-6.0.6.tgz",
+      "integrity": "sha512-c3/Zc+iW+qqDip6kXPYLEgsAu2lf4xz0EZDplB7EmSUMda12U1sGJPetH55B/j9eu0bTtKzKlNPWWyYC7wFNyQ==",
+      "dev": true,
+      "requires": {
+        "async": "2.5.0",
+        "clone-deep": "0.3.0",
+        "loader-utils": "1.1.0",
+        "lodash.tail": "4.1.1",
+        "pify": "3.0.0"
+      },
+      "dependencies": {
+        "loader-utils": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.1.0.tgz",
+          "integrity": "sha1-yYrvSIvM7aL/teLeZG1qdUQp9c0=",
+          "dev": true,
+          "requires": {
+            "big.js": "3.2.0",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1"
+          }
+        },
+        "pify": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+          "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
+          "dev": true
+        }
+      }
+    },
+    "sax": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
+      "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
+      "dev": true
+    },
+    "schema-utils": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-0.3.0.tgz",
+      "integrity": "sha1-9YdyIs4+kx7a4DnxfrNxbnE3+M8=",
+      "dev": true,
+      "requires": {
+        "ajv": "5.2.3"
+      }
+    },
+    "scss-tokenizer": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz",
+      "integrity": "sha1-jrBtualyMzOCTT9VMGQRSYR85dE=",
+      "dev": true,
+      "requires": {
+        "js-base64": "2.3.2",
+        "source-map": "0.4.4"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.4.4",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
+          "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
+          "dev": true,
+          "requires": {
+            "amdefine": "1.0.1"
+          }
+        }
+      }
+    },
+    "select-hose": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
+      "integrity": "sha1-Yl2GWPhlr0Psliv8N2o3NZpJlMo=",
+      "dev": true
+    },
+    "selfsigned": {
+      "version": "1.10.1",
+      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-1.10.1.tgz",
+      "integrity": "sha1-v4y3uDJWxFUeMTR8YxF3jbme7FI=",
+      "dev": true,
+      "requires": {
+        "node-forge": "0.6.33"
+      }
+    },
+    "semver": {
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.4.1.tgz",
+      "integrity": "sha512-WfG/X9+oATh81XtllIo/I8gOiY9EXRdv1cQdyykeXK17YcUW3EXUAi2To4pcH6nZtJPr7ZOpM5OMyWJZm+8Rsg==",
+      "dev": true
+    },
+    "send": {
+      "version": "0.16.1",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.16.1.tgz",
+      "integrity": "sha512-ElCLJdJIKPk6ux/Hocwhk7NFHpI3pVm/IZOYWqUmoxcgeyM+MpxHHKhb8QmlJDX1pU6WrgaHBkVNm73Sv7uc2A==",
+      "dev": true,
+      "requires": {
+        "debug": "2.6.9",
+        "depd": "1.1.1",
+        "destroy": "1.0.4",
+        "encodeurl": "1.0.1",
+        "escape-html": "1.0.3",
+        "etag": "1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "1.6.2",
+        "mime": "1.4.1",
+        "ms": "2.0.0",
+        "on-finished": "2.3.0",
+        "range-parser": "1.2.0",
+        "statuses": "1.3.1"
+      }
+    },
+    "serve-index": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
+      "integrity": "sha1-03aNabHn2C5c4FD/9bRTvqEqkjk=",
+      "dev": true,
+      "requires": {
+        "accepts": "1.3.4",
+        "batch": "0.6.1",
+        "debug": "2.6.9",
+        "escape-html": "1.0.3",
+        "http-errors": "1.6.2",
+        "mime-types": "2.1.17",
+        "parseurl": "1.3.2"
+      }
+    },
+    "serve-static": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.1.tgz",
+      "integrity": "sha512-hSMUZrsPa/I09VYFJwa627JJkNs0NrfL1Uzuup+GqHfToR2KcsXFymXSV90hoyw3M+msjFuQly+YzIH/q0MGlQ==",
+      "dev": true,
+      "requires": {
+        "encodeurl": "1.0.1",
+        "escape-html": "1.0.3",
+        "parseurl": "1.3.2",
+        "send": "0.16.1"
+      }
+    },
+    "set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=",
+      "dev": true
+    },
+    "set-immediate-shim": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/set-immediate-shim/-/set-immediate-shim-1.0.1.tgz",
+      "integrity": "sha1-SysbJ+uAip+NzEgaWOXlb1mfP2E=",
+      "dev": true
+    },
+    "setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=",
+      "dev": true
+    },
+    "setprototypeof": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
+      "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
+      "dev": true
+    },
+    "sha.js": {
+      "version": "2.4.9",
+      "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.9.tgz",
+      "integrity": "sha512-G8zektVqbiPHrylgew9Zg1VRB1L/DtXNUVAM6q4QLy8NE3qtHlFXTf8VLL4k1Yl6c7NMjtZUTdXV+X44nFaT6A==",
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3",
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "shallow-clone": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-0.1.2.tgz",
+      "integrity": "sha1-WQnodLp3EG1zrEFM/sH/yofZcGA=",
+      "dev": true,
+      "requires": {
+        "is-extendable": "0.1.1",
+        "kind-of": "2.0.1",
+        "lazy-cache": "0.2.7",
+        "mixin-object": "2.0.1"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-2.0.1.tgz",
+          "integrity": "sha1-AY7HpM5+OobLkUG+UZ0kyPqpgbU=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "1.1.5"
+          }
+        },
+        "lazy-cache": {
+          "version": "0.2.7",
+          "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-0.2.7.tgz",
+          "integrity": "sha1-f+3fLctu23fRHvHRF6tf/fCrG2U=",
+          "dev": true
+        }
+      }
+    },
+    "shebang-command": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+      "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+      "dev": true,
+      "requires": {
+        "shebang-regex": "1.0.0"
+      }
+    },
+    "shebang-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+      "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+      "dev": true
+    },
+    "signal-exit": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz",
+      "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=",
+      "dev": true
+    },
+    "slice-ansi": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-1.0.0.tgz",
+      "integrity": "sha512-POqxBK6Lb3q6s047D/XsDVNPnF9Dl8JSaqe9h9lURl0OdNqy/ujDrOiIHtsqXMGbWWTIomRzAMaTyawAU//Reg==",
+      "dev": true,
+      "requires": {
+        "is-fullwidth-code-point": "2.0.0"
+      },
+      "dependencies": {
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+          "dev": true
+        }
+      }
+    },
+    "sntp": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/sntp/-/sntp-2.0.2.tgz",
+      "integrity": "sha1-UGQRDwr4X3z9t9a2ekACjOUrSys=",
+      "dev": true,
+      "requires": {
+        "hoek": "4.2.0"
+      }
+    },
+    "sockjs": {
+      "version": "0.3.18",
+      "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.18.tgz",
+      "integrity": "sha1-2bKJMWyn33dZXvKZ4HXw+TfrQgc=",
+      "dev": true,
+      "requires": {
+        "faye-websocket": "0.10.0",
+        "uuid": "2.0.3"
+      },
+      "dependencies": {
+        "uuid": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npmjs.org/uuid/-/uuid-2.0.3.tgz",
+          "integrity": "sha1-Z+LoY3lyFVMN/zGOW/nc6/1Hsho=",
+          "dev": true
+        }
+      }
+    },
+    "sockjs-client": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/sockjs-client/-/sockjs-client-1.1.4.tgz",
+      "integrity": "sha1-W6vjhrd15M8U51IJEUUmVAFsixI=",
+      "dev": true,
+      "requires": {
+        "debug": "2.6.9",
+        "eventsource": "0.1.6",
+        "faye-websocket": "0.11.1",
+        "inherits": "2.0.3",
+        "json3": "3.3.2",
+        "url-parse": "1.1.9"
+      },
+      "dependencies": {
+        "faye-websocket": {
+          "version": "0.11.1",
+          "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.1.tgz",
+          "integrity": "sha1-8O/hjE9W5PQK/H4Gxxn9XuYYjzg=",
+          "dev": true,
+          "requires": {
+            "websocket-driver": "0.7.0"
+          }
+        }
+      }
+    },
+    "sort-keys": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-1.1.2.tgz",
+      "integrity": "sha1-RBttTTRnmPG05J6JIK37oOVD+a0=",
+      "dev": true,
+      "requires": {
+        "is-plain-obj": "1.1.0"
+      }
+    },
+    "sortablejs": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.6.1.tgz",
+      "integrity": "sha1-0SDRA/u59gx9sngUoThAcubG4IM="
+    },
+    "source-list-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-2.0.0.tgz",
+      "integrity": "sha512-I2UmuJSRr/T8jisiROLU3A3ltr+swpniSmNPI4Ml3ZCX6tVnDsuZzK7F2hl5jTqbZBWCEKlj5HRQiPExXLgE8A==",
+      "dev": true
+    },
+    "source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+      "dev": true
+    },
+    "spdx-correct": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-1.0.2.tgz",
+      "integrity": "sha1-SzBz2TP/UfORLwOsVRlJikFQ20A=",
+      "dev": true,
+      "requires": {
+        "spdx-license-ids": "1.2.2"
+      }
+    },
+    "spdx-expression-parse": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-1.0.4.tgz",
+      "integrity": "sha1-m98vIOH0DtRH++JzJmGR/O1RYmw=",
+      "dev": true
+    },
+    "spdx-license-ids": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-1.2.2.tgz",
+      "integrity": "sha1-yd96NCRZSt5r0RkA1ZZpbcBrrFc=",
+      "dev": true
+    },
+    "spdy": {
+      "version": "3.4.7",
+      "resolved": "https://registry.npmjs.org/spdy/-/spdy-3.4.7.tgz",
+      "integrity": "sha1-Qv9B7OXMD5mjpsKKq7c/XDsDrLw=",
+      "dev": true,
+      "requires": {
+        "debug": "2.6.9",
+        "handle-thing": "1.2.5",
+        "http-deceiver": "1.2.7",
+        "safe-buffer": "5.1.1",
+        "select-hose": "2.0.0",
+        "spdy-transport": "2.0.20"
+      }
+    },
+    "spdy-transport": {
+      "version": "2.0.20",
+      "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-2.0.20.tgz",
+      "integrity": "sha1-c15yBUxIayNU/onnAiVgBKOazk0=",
+      "dev": true,
+      "requires": {
+        "debug": "2.6.9",
+        "detect-node": "2.0.3",
+        "hpack.js": "2.1.6",
+        "obuf": "1.1.1",
+        "readable-stream": "2.3.3",
+        "safe-buffer": "5.1.1",
+        "wbuf": "1.7.2"
+      }
+    },
+    "sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
+      "dev": true
+    },
+    "sshpk": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.13.1.tgz",
+      "integrity": "sha1-US322mKHFEMW3EwY/hzx2UBzm+M=",
+      "dev": true,
+      "requires": {
+        "asn1": "0.2.3",
+        "assert-plus": "1.0.0",
+        "bcrypt-pbkdf": "1.0.1",
+        "dashdash": "1.14.1",
+        "ecc-jsbn": "0.1.1",
+        "getpass": "0.1.7",
+        "jsbn": "0.1.1",
+        "tweetnacl": "0.14.5"
+      }
+    },
+    "ssri": {
+      "version": "4.1.6",
+      "resolved": "https://registry.npmjs.org/ssri/-/ssri-4.1.6.tgz",
+      "integrity": "sha512-WUbCdgSAMQjTFZRWvSPpauryvREEA+Krn19rx67UlJEJx/M192ZHxMmJXjZ4tkdFm+Sb0SXGlENeQVlA5wY7kA==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "statuses": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.3.1.tgz",
+      "integrity": "sha1-+vUbnrdKrvOzrPStX2Gr8ky3uT4=",
+      "dev": true
+    },
+    "stdout-stream": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/stdout-stream/-/stdout-stream-1.4.0.tgz",
+      "integrity": "sha1-osfIWH5U2UJ+qe2zrD8s1SLfN4s=",
+      "dev": true,
+      "requires": {
+        "readable-stream": "2.3.3"
+      }
+    },
+    "stream-browserify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.1.tgz",
+      "integrity": "sha1-ZiZu5fm9uZQKTkUUyvtDu3Hlyds=",
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3",
+        "readable-stream": "2.3.3"
+      }
+    },
+    "stream-each": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/stream-each/-/stream-each-1.2.0.tgz",
+      "integrity": "sha1-HpXUdXP1gNgU3A/4zQ9m8c5TyZE=",
+      "dev": true,
+      "requires": {
+        "end-of-stream": "1.4.0",
+        "stream-shift": "1.0.0"
+      }
+    },
+    "stream-http": {
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/stream-http/-/stream-http-2.7.2.tgz",
+      "integrity": "sha512-c0yTD2rbQzXtSsFSVhtpvY/vS6u066PcXOX9kBB3mSO76RiUQzL340uJkGBWnlBg4/HZzqiUXtaVA7wcRcJgEw==",
+      "dev": true,
+      "requires": {
+        "builtin-status-codes": "3.0.0",
+        "inherits": "2.0.3",
+        "readable-stream": "2.3.3",
+        "to-arraybuffer": "1.0.1",
+        "xtend": "4.0.1"
+      }
+    },
+    "stream-shift": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.0.tgz",
+      "integrity": "sha1-1cdSgl5TZ+eG944Y5EXqIjoVWVI=",
+      "dev": true
+    },
+    "strict-uri-encode": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz",
+      "integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM=",
+      "dev": true
+    },
+    "string-width": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
+      "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
+      "dev": true,
+      "requires": {
+        "is-fullwidth-code-point": "2.0.0",
+        "strip-ansi": "4.0.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
+          "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
+          "dev": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+          "dev": true
+        },
+        "strip-ansi": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+          "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "3.0.0"
+          }
+        }
+      }
+    },
+    "string_decoder": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.0.3.tgz",
+      "integrity": "sha512-4AH6Z5fzNNBcH+6XDMfA/BTt87skxqJlO0lAh3Dker5zThcAxG6mKz+iGu308UKoPPQ8Dcqx/4JhujzltRa+hQ==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "stringstream": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/stringstream/-/stringstream-0.0.5.tgz",
+      "integrity": "sha1-TkhM1N5aC7vuGORjB3EKioFiGHg=",
+      "dev": true
+    },
+    "strip-ansi": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+      "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+      "dev": true,
+      "requires": {
+        "ansi-regex": "2.1.1"
+      }
+    },
+    "strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=",
+      "dev": true
+    },
+    "strip-eof": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
+      "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=",
+      "dev": true
+    },
+    "strip-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz",
+      "integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=",
+      "dev": true,
+      "requires": {
+        "get-stdin": "4.0.1"
+      }
+    },
+    "strip-json-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+      "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=",
+      "dev": true
+    },
+    "style-loader": {
+      "version": "0.18.2",
+      "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-0.18.2.tgz",
+      "integrity": "sha512-WPpJPZGUxWYHWIUMNNOYqql7zh85zGmr84FdTVWq52WTIkqlW9xSxD3QYWi/T31cqn9UNSsietVEgGn2aaSCzw==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "1.1.0",
+        "schema-utils": "0.3.0"
+      },
+      "dependencies": {
+        "loader-utils": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.1.0.tgz",
+          "integrity": "sha1-yYrvSIvM7aL/teLeZG1qdUQp9c0=",
+          "dev": true,
+          "requires": {
+            "big.js": "3.2.0",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1"
+          }
+        }
+      }
+    },
+    "supports-color": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-4.4.0.tgz",
+      "integrity": "sha512-rKC3+DyXWgK0ZLKwmRsrkyHVZAjNkfzeehuFWdGGcqGDTZFH73+RH6S/RDAAxl9GusSjZSUWYLmT9N5pzXFOXQ==",
+      "dev": true,
+      "requires": {
+        "has-flag": "2.0.0"
+      }
+    },
+    "svgo": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-0.7.2.tgz",
+      "integrity": "sha1-n1dyQTlSE1xv779Ar+ak+qiLS7U=",
+      "dev": true,
+      "requires": {
+        "coa": "1.0.4",
+        "colors": "1.1.2",
+        "csso": "2.3.2",
+        "js-yaml": "3.7.0",
+        "mkdirp": "0.5.1",
+        "sax": "1.2.4",
+        "whet.extend": "0.9.9"
+      }
+    },
+    "table": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/table/-/table-4.0.2.tgz",
+      "integrity": "sha512-UUkEAPdSGxtRpiV9ozJ5cMTtYiqz7Ni1OGqLXRCynrvzdtR1p+cfOWe2RJLwvUG8hNanaSRjecIqwOjqeatDsA==",
+      "dev": true,
+      "requires": {
+        "ajv": "5.2.3",
+        "ajv-keywords": "2.1.0",
+        "chalk": "2.2.0",
+        "lodash": "4.17.4",
+        "slice-ansi": "1.0.0",
+        "string-width": "2.1.1"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz",
+          "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==",
+          "dev": true,
+          "requires": {
+            "color-convert": "1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.2.0.tgz",
+          "integrity": "sha512-0BMM/2hG3ZaoPfR6F+h/oWpZtsh3b/s62TjSM6MGCJWEbJDN1acqCXvyhhZsDSVFklpebUoQ5O1kKC7lOzrn9g==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "3.2.0",
+            "escape-string-regexp": "1.0.5",
+            "supports-color": "4.4.0"
+          }
+        }
+      }
+    },
+    "tapable": {
+      "version": "0.2.8",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-0.2.8.tgz",
+      "integrity": "sha1-mTcqXJmb8t8WCvwNdL7U9HlIzSI=",
+      "dev": true
+    },
+    "tar": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-2.2.1.tgz",
+      "integrity": "sha1-jk0qJWwOIYXGsYrWlK7JaLg8sdE=",
+      "dev": true,
+      "requires": {
+        "block-stream": "0.0.9",
+        "fstream": "1.0.11",
+        "inherits": "2.0.3"
+      }
+    },
+    "text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
+      "dev": true
+    },
+    "through": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+      "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=",
+      "dev": true
+    },
+    "through2": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.3.tgz",
+      "integrity": "sha1-AARWmzfHx0ujnEPzzteNGtlBQL4=",
+      "dev": true,
+      "requires": {
+        "readable-stream": "2.3.3",
+        "xtend": "4.0.1"
+      }
+    },
+    "thunky": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/thunky/-/thunky-0.1.0.tgz",
+      "integrity": "sha1-vzAUaCTituZ7Dy16Ssi+smkIaE4=",
+      "dev": true
+    },
+    "time-stamp": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/time-stamp/-/time-stamp-2.0.0.tgz",
+      "integrity": "sha1-lcakRTDhW6jW9KPsuMOj+sRto1c=",
+      "dev": true
+    },
+    "timers-browserify": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.4.tgz",
+      "integrity": "sha512-uZYhyU3EX8O7HQP+J9fTVYwsq90Vr68xPEFo7yrVImIxYvHgukBEgOB/SgGoorWVTzGM/3Z+wUNnboA4M8jWrg==",
+      "dev": true,
+      "requires": {
+        "setimmediate": "1.0.5"
+      }
+    },
+    "tmp": {
+      "version": "0.0.33",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
+      "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+      "dev": true,
+      "requires": {
+        "os-tmpdir": "1.0.2"
+      }
+    },
+    "to-arraybuffer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz",
+      "integrity": "sha1-fSKbH8xjfkZsoIEYCDanqr/4P0M=",
+      "dev": true
+    },
+    "to-string-loader": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/to-string-loader/-/to-string-loader-1.1.5.tgz",
+      "integrity": "sha1-e3qheJG3u0lHp6Eb+wO1/enG5pU=",
+      "dev": true,
+      "requires": {
+        "loader-utils": "0.2.17"
+      }
+    },
+    "tough-cookie": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.3.3.tgz",
+      "integrity": "sha1-C2GKVWW23qkL80JdBNVe3EdadWE=",
+      "dev": true,
+      "requires": {
+        "punycode": "1.4.1"
+      }
+    },
+    "trim-newlines": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz",
+      "integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=",
+      "dev": true
+    },
+    "tryit": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/tryit/-/tryit-1.0.3.tgz",
+      "integrity": "sha1-OTvnMKlEb9Hq1tpZoBQwjzbCics=",
+      "dev": true
+    },
+    "tty-browserify": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.0.tgz",
+      "integrity": "sha1-oVe6QC2iTpv5V/mqadUk7tQpAaY=",
+      "dev": true
+    },
+    "tunnel-agent": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
+      "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "5.1.1"
+      }
+    },
+    "tweetnacl": {
+      "version": "0.14.5",
+      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
+      "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=",
+      "dev": true,
+      "optional": true
+    },
+    "type-check": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
+      "integrity": "sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=",
+      "dev": true,
+      "requires": {
+        "prelude-ls": "1.1.2"
+      }
+    },
+    "type-is": {
+      "version": "1.6.15",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.15.tgz",
+      "integrity": "sha1-yrEPtJCeRByChC6v4a1kbIGARBA=",
+      "dev": true,
+      "requires": {
+        "media-typer": "0.3.0",
+        "mime-types": "2.1.17"
+      }
+    },
+    "typedarray": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
+      "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
+      "dev": true
+    },
+    "uglify-es": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/uglify-es/-/uglify-es-3.1.3.tgz",
+      "integrity": "sha512-Nuo5gkv/Q6PmLa+Ui2LvK+87YdMAcuXfRIWF0uVfkHVSfpT3Ue0euCSu4t0b8xv4Bt05lmXUT8bLI9OmnyPj8A==",
+      "dev": true,
+      "requires": {
+        "commander": "2.11.0",
+        "source-map": "0.5.7"
+      }
+    },
+    "uglify-to-browserify": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz",
+      "integrity": "sha1-bgkk1r2mta/jSeOabWMoUKD4grc=",
+      "dev": true,
+      "optional": true
+    },
+    "uglifyjs-webpack-plugin": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/uglifyjs-webpack-plugin/-/uglifyjs-webpack-plugin-1.0.0-beta.2.tgz",
+      "integrity": "sha512-vTt+xUdBbjfIAmaSm3li3y/9k0m35GXV5AZWAUrSDMOAtI0mmhQ4FAQFtqEkmgEGS+A3S+qFaA0dk1lKheYQSw==",
+      "dev": true,
+      "requires": {
+        "cacache": "9.2.9",
+        "find-cache-dir": "1.0.0",
+        "schema-utils": "0.3.0",
+        "source-map": "0.5.7",
+        "uglify-es": "3.1.3",
+        "webpack-sources": "1.0.1",
+        "worker-farm": "1.5.0"
+      }
+    },
+    "uniq": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz",
+      "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=",
+      "dev": true
+    },
+    "uniqid": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/uniqid/-/uniqid-4.1.1.tgz",
+      "integrity": "sha1-iSIN32t1GuUrX3JISGNShZa7hME=",
+      "dev": true,
+      "requires": {
+        "macaddress": "0.2.8"
+      }
+    },
+    "uniqs": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/uniqs/-/uniqs-2.0.0.tgz",
+      "integrity": "sha1-/+3ks2slKQaW5uFl1KWe25mOawI=",
+      "dev": true
+    },
+    "unique-filename": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-1.1.0.tgz",
+      "integrity": "sha1-0F8v5AMlYIcfMOk8vnNe6iAVFPM=",
+      "dev": true,
+      "requires": {
+        "unique-slug": "2.0.0"
+      }
+    },
+    "unique-slug": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-2.0.0.tgz",
+      "integrity": "sha1-22Z258fMBimHj/GWCXx4hVrp9Ks=",
+      "dev": true,
+      "requires": {
+        "imurmurhash": "0.1.4"
+      }
+    },
+    "unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=",
+      "dev": true
+    },
+    "url": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/url/-/url-0.11.0.tgz",
+      "integrity": "sha1-ODjpfPxgUh63PFJajlW/3Z4uKPE=",
+      "dev": true,
+      "requires": {
+        "punycode": "1.3.2",
+        "querystring": "0.2.0"
+      },
+      "dependencies": {
+        "punycode": {
+          "version": "1.3.2",
+          "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.3.2.tgz",
+          "integrity": "sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0=",
+          "dev": true
+        }
+      }
+    },
+    "url-parse": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.1.9.tgz",
+      "integrity": "sha1-xn8dd11R8KGJEd17P/rSe7nlvRk=",
+      "dev": true,
+      "requires": {
+        "querystringify": "1.0.0",
+        "requires-port": "1.0.0"
+      },
+      "dependencies": {
+        "querystringify": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-1.0.0.tgz",
+          "integrity": "sha1-YoYkIRLFtxL6ZU5SZlK/ahP/Bcs=",
+          "dev": true
+        }
+      }
+    },
+    "util": {
+      "version": "0.10.3",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.10.3.tgz",
+      "integrity": "sha1-evsa/lCAUkZInj23/g7TeTNqwPk=",
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.1"
+      },
+      "dependencies": {
+        "inherits": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.1.tgz",
+          "integrity": "sha1-sX0I0ya0Qj5Wjv9xn5GwscvfafE=",
+          "dev": true
+        }
+      }
+    },
+    "util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
+      "dev": true
+    },
+    "utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=",
+      "dev": true
+    },
+    "uuid": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.1.0.tgz",
+      "integrity": "sha512-DIWtzUkw04M4k3bf1IcpS2tngXEL26YUD2M0tMDUpnUrz2hgzUBlD55a4FjdLGPvfHxS6uluGWvaVEqgBcVa+g==",
+      "dev": true
+    },
+    "validate-npm-package-license": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.1.tgz",
+      "integrity": "sha1-KAS6vnEq0zeUWaz74kdGqywwP7w=",
+      "dev": true,
+      "requires": {
+        "spdx-correct": "1.0.2",
+        "spdx-expression-parse": "1.0.4"
+      }
+    },
+    "vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=",
+      "dev": true
+    },
+    "vendors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/vendors/-/vendors-1.0.1.tgz",
+      "integrity": "sha1-N61zyO5Bf7PVgOeFMSMH0nSEfyI=",
+      "dev": true
+    },
+    "verror": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
+      "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=",
+      "dev": true,
+      "requires": {
+        "assert-plus": "1.0.0",
+        "core-util-is": "1.0.2",
+        "extsprintf": "1.3.0"
+      }
+    },
+    "vm-browserify": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-0.0.4.tgz",
+      "integrity": "sha1-XX6kW7755Kb/ZflUOOCofDV9WnM=",
+      "dev": true,
+      "requires": {
+        "indexof": "0.0.1"
+      }
+    },
+    "vue": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.5.2.tgz",
+      "integrity": "sha512-Au9rf8fPkBulFHfZ406UaQDd1jH9fqGRIM+0IHilrXnJ/0TeeMH4SBkNxWf2dGevl2S3aVeu0E/WklEv0/msag=="
+    },
+    "vue-clickaway": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/vue-clickaway/-/vue-clickaway-2.1.0.tgz",
+      "integrity": "sha1-OS3nZHUfMc0geH6Ps6bjGYJfjU8=",
+      "requires": {
+        "loose-envify": "1.3.1"
+      }
+    },
+    "vue-hot-reload-api": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.1.1.tgz",
+      "integrity": "sha512-oHuG8rOJ/b8wKVZJBx3HvLyOk9klqjUpjd6YlJQ1aHy1yGyBgy62BphQ13+Tuzsxl52ZNV5EQSvd385mTPMxdg==",
+      "dev": true
+    },
+    "vue-loader": {
+      "version": "13.0.5",
+      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-13.0.5.tgz",
+      "integrity": "sha512-sqCbhCQIPCalzHXcbuT8c91pFN8jlDvB9Dk+x6vsjCH91BS2+jNmgClDsFWhGEMj3FB8P5+RKJdHmUgKlyHwyw==",
+      "dev": true,
+      "requires": {
+        "consolidate": "0.14.5",
+        "hash-sum": "1.0.2",
+        "loader-utils": "1.1.0",
+        "lru-cache": "4.1.1",
+        "postcss": "6.0.13",
+        "postcss-load-config": "1.2.0",
+        "postcss-selector-parser": "2.2.3",
+        "prettier": "1.7.4",
+        "resolve": "1.4.0",
+        "source-map": "0.5.7",
+        "vue-hot-reload-api": "2.1.1",
+        "vue-style-loader": "3.0.3",
+        "vue-template-es2015-compiler": "1.5.3"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz",
+          "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==",
+          "dev": true,
+          "requires": {
+            "color-convert": "1.9.0"
+          }
+        },
+        "chalk": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.1.0.tgz",
+          "integrity": "sha512-LUHGS/dge4ujbXMJrnihYMcL4AoOweGnw9Tp3kQuqy1Kx5c1qKjqvMJZ6nVJPMWJtKCTN72ZogH3oeSO9g9rXQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "3.2.0",
+            "escape-string-regexp": "1.0.5",
+            "supports-color": "4.4.0"
+          }
+        },
+        "loader-utils": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.1.0.tgz",
+          "integrity": "sha1-yYrvSIvM7aL/teLeZG1qdUQp9c0=",
+          "dev": true,
+          "requires": {
+            "big.js": "3.2.0",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1"
+          }
+        },
+        "postcss": {
+          "version": "6.0.13",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.13.tgz",
+          "integrity": "sha512-nHsrD1PPTMSJDfU+osVsLtPkSP9YGeoOz4FDLN4r1DW4N5vqL1J+gACzTQHsfwIiWG/0/nV4yCzjTMo1zD8U1g==",
+          "dev": true,
+          "requires": {
+            "chalk": "2.1.0",
+            "source-map": "0.6.1",
+            "supports-color": "4.4.0"
+          },
+          "dependencies": {
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+              "dev": true
+            }
+          }
+        }
+      }
+    },
+    "vue-style-loader": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-3.0.3.tgz",
+      "integrity": "sha512-P/ihpaZKU23T1kq3E0y4c+F8sbm1HQO69EFYoLoGMSGVAHroHsGir/WQ9qUavP8dyFYHmXenzHaJ/nqd8vfaxw==",
+      "dev": true,
+      "requires": {
+        "hash-sum": "1.0.2",
+        "loader-utils": "1.1.0"
+      },
+      "dependencies": {
+        "loader-utils": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.1.0.tgz",
+          "integrity": "sha1-yYrvSIvM7aL/teLeZG1qdUQp9c0=",
+          "dev": true,
+          "requires": {
+            "big.js": "3.2.0",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1"
+          }
+        }
+      }
+    },
+    "vue-template-compiler": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.5.2.tgz",
+      "integrity": "sha512-FtbqBWvEANPZaeRo09VKEF7tET4kPMtJYqwsy/Nm1fdr1zIcwcTI7CXqeraXMviczho5IjtxZ6Fab1Enm4rHmA==",
+      "requires": {
+        "de-indent": "1.0.2",
+        "he": "1.1.1"
+      }
+    },
+    "vue-template-es2015-compiler": {
+      "version": "1.5.3",
+      "resolved": "https://registry.npmjs.org/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.5.3.tgz",
+      "integrity": "sha512-j3TBDtjqz7pC9XUzeSeqF5oekqPahxyUHsdG+kZKDH/V/DTexq5inYdLGstnqCUljoLC9LTj3H/5hmyToeSd1A==",
+      "dev": true
+    },
+    "watchpack": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.4.0.tgz",
+      "integrity": "sha1-ShRyvLuVK9Cpu0A2gB+VTfs5+qw=",
+      "dev": true,
+      "requires": {
+        "async": "2.5.0",
+        "chokidar": "1.7.0",
+        "graceful-fs": "4.1.11"
+      }
+    },
+    "wbuf": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.2.tgz",
+      "integrity": "sha1-1pe5nx9ZUS3ydRvkJ2nBWAtYAf4=",
+      "dev": true,
+      "requires": {
+        "minimalistic-assert": "1.0.0"
+      }
+    },
+    "webpack": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-3.6.0.tgz",
+      "integrity": "sha512-OsHT3D0W0KmPPh60tC7asNnOmST6bKTiR90UyEdT9QYoaJ4OYN4Gg7WK1k3VxHK07ZoiYWPsKvlS/gAjwL/vRA==",
+      "dev": true,
+      "requires": {
+        "acorn": "5.1.2",
+        "acorn-dynamic-import": "2.0.2",
+        "ajv": "5.2.3",
+        "ajv-keywords": "2.1.0",
+        "async": "2.5.0",
+        "enhanced-resolve": "3.4.1",
+        "escope": "3.6.0",
+        "interpret": "1.0.4",
+        "json-loader": "0.5.7",
+        "json5": "0.5.1",
+        "loader-runner": "2.3.0",
+        "loader-utils": "1.1.0",
+        "memory-fs": "0.4.1",
+        "mkdirp": "0.5.1",
+        "node-libs-browser": "2.0.0",
+        "source-map": "0.5.7",
+        "supports-color": "4.4.0",
+        "tapable": "0.2.8",
+        "uglifyjs-webpack-plugin": "0.4.6",
+        "watchpack": "1.4.0",
+        "webpack-sources": "1.0.1",
+        "yargs": "8.0.2"
+      },
+      "dependencies": {
+        "loader-utils": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.1.0.tgz",
+          "integrity": "sha1-yYrvSIvM7aL/teLeZG1qdUQp9c0=",
+          "dev": true,
+          "requires": {
+            "big.js": "3.2.0",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1"
+          }
+        },
+        "uglify-js": {
+          "version": "2.8.29",
+          "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-2.8.29.tgz",
+          "integrity": "sha1-KcVzMUgFe7Th913zW3qcty5qWd0=",
+          "dev": true,
+          "requires": {
+            "source-map": "0.5.7",
+            "uglify-to-browserify": "1.0.2",
+            "yargs": "3.10.0"
+          },
+          "dependencies": {
+            "yargs": {
+              "version": "3.10.0",
+              "resolved": "https://registry.npmjs.org/yargs/-/yargs-3.10.0.tgz",
+              "integrity": "sha1-9+572FfdfB0tOMDnTvvWgdFDH9E=",
+              "dev": true,
+              "requires": {
+                "camelcase": "1.2.1",
+                "cliui": "2.1.0",
+                "decamelize": "1.2.0",
+                "window-size": "0.1.0"
+              }
+            }
+          }
+        },
+        "uglifyjs-webpack-plugin": {
+          "version": "0.4.6",
+          "resolved": "https://registry.npmjs.org/uglifyjs-webpack-plugin/-/uglifyjs-webpack-plugin-0.4.6.tgz",
+          "integrity": "sha1-uVH0q7a9YX5m9j64kUmOORdj4wk=",
+          "dev": true,
+          "requires": {
+            "source-map": "0.5.7",
+            "uglify-js": "2.8.29",
+            "webpack-sources": "1.0.1"
+          }
+        }
+      }
+    },
+    "webpack-dev-middleware": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-1.12.0.tgz",
+      "integrity": "sha1-007++y7dp+HTtdvgcolRMhllFwk=",
+      "dev": true,
+      "requires": {
+        "memory-fs": "0.4.1",
+        "mime": "1.4.1",
+        "path-is-absolute": "1.0.1",
+        "range-parser": "1.2.0",
+        "time-stamp": "2.0.0"
+      }
+    },
+    "webpack-dev-server": {
+      "version": "2.9.1",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-2.9.1.tgz",
+      "integrity": "sha512-qFKs4Wg6JI6FkAQ6WFqeDCCxXEBLsDHkqJB3f9tmlqx8C68Y9vQWwcaMT4Q9H8WF32Q6QUNmgK4qQkdHfXvj/g==",
+      "dev": true,
+      "requires": {
+        "ansi-html": "0.0.7",
+        "array-includes": "3.0.3",
+        "bonjour": "3.5.0",
+        "chokidar": "1.7.0",
+        "compression": "1.7.1",
+        "connect-history-api-fallback": "1.3.0",
+        "del": "3.0.0",
+        "express": "4.16.1",
+        "html-entities": "1.2.1",
+        "http-proxy-middleware": "0.17.4",
+        "internal-ip": "1.2.0",
+        "ip": "1.1.5",
+        "loglevel": "1.5.0",
+        "opn": "5.1.0",
+        "portfinder": "1.0.13",
+        "selfsigned": "1.10.1",
+        "serve-index": "1.9.1",
+        "sockjs": "0.3.18",
+        "sockjs-client": "1.1.4",
+        "spdy": "3.4.7",
+        "strip-ansi": "3.0.1",
+        "supports-color": "4.4.0",
+        "webpack-dev-middleware": "1.12.0",
+        "yargs": "6.6.0"
+      },
+      "dependencies": {
+        "camelcase": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz",
+          "integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo=",
+          "dev": true
+        },
+        "cliui": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz",
+          "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=",
+          "dev": true,
+          "requires": {
+            "string-width": "1.0.2",
+            "strip-ansi": "3.0.1",
+            "wrap-ansi": "2.1.0"
+          }
+        },
+        "find-up": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
+          "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
+          "dev": true,
+          "requires": {
+            "path-exists": "2.1.0",
+            "pinkie-promise": "2.0.1"
+          }
+        },
+        "load-json-file": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
+          "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "4.1.11",
+            "parse-json": "2.2.0",
+            "pify": "2.3.0",
+            "pinkie-promise": "2.0.1",
+            "strip-bom": "2.0.0"
+          }
+        },
+        "os-locale": {
+          "version": "1.4.0",
+          "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
+          "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=",
+          "dev": true,
+          "requires": {
+            "lcid": "1.0.0"
+          }
+        },
+        "path-exists": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
+          "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
+          "dev": true,
+          "requires": {
+            "pinkie-promise": "2.0.1"
+          }
+        },
+        "path-type": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
+          "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "4.1.11",
+            "pify": "2.3.0",
+            "pinkie-promise": "2.0.1"
+          }
+        },
+        "read-pkg": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
+          "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
+          "dev": true,
+          "requires": {
+            "load-json-file": "1.1.0",
+            "normalize-package-data": "2.4.0",
+            "path-type": "1.1.0"
+          }
+        },
+        "read-pkg-up": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
+          "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=",
+          "dev": true,
+          "requires": {
+            "find-up": "1.1.2",
+            "read-pkg": "1.1.0"
+          }
+        },
+        "string-width": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+          "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
+          "dev": true,
+          "requires": {
+            "code-point-at": "1.1.0",
+            "is-fullwidth-code-point": "1.0.0",
+            "strip-ansi": "3.0.1"
+          }
+        },
+        "strip-bom": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
+          "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
+          "dev": true,
+          "requires": {
+            "is-utf8": "0.2.1"
+          }
+        },
+        "which-module": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/which-module/-/which-module-1.0.0.tgz",
+          "integrity": "sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8=",
+          "dev": true
+        },
+        "yargs": {
+          "version": "6.6.0",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-6.6.0.tgz",
+          "integrity": "sha1-eC7CHvQDNF+DCoCMo9UTr1YGUgg=",
+          "dev": true,
+          "requires": {
+            "camelcase": "3.0.0",
+            "cliui": "3.2.0",
+            "decamelize": "1.2.0",
+            "get-caller-file": "1.0.2",
+            "os-locale": "1.4.0",
+            "read-pkg-up": "1.0.1",
+            "require-directory": "2.1.1",
+            "require-main-filename": "1.0.1",
+            "set-blocking": "2.0.0",
+            "string-width": "1.0.2",
+            "which-module": "1.0.0",
+            "y18n": "3.2.1",
+            "yargs-parser": "4.2.1"
+          }
+        },
+        "yargs-parser": {
+          "version": "4.2.1",
+          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-4.2.1.tgz",
+          "integrity": "sha1-KczqwNxPA8bIe0qfIX3RjJ90hxw=",
+          "dev": true,
+          "requires": {
+            "camelcase": "3.0.0"
+          }
+        }
+      }
+    },
+    "webpack-manifest-plugin": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/webpack-manifest-plugin/-/webpack-manifest-plugin-1.3.2.tgz",
+      "integrity": "sha512-MX60Bv2G83Zks9pi3oLOmRgnPAnwrlMn+lftMrWBm199VQjk46/xgzBi9lPfpZldw2+EI2S+OevuLIaDuxCWRw==",
+      "dev": true,
+      "requires": {
+        "fs-extra": "0.30.0",
+        "lodash": "4.17.4"
+      },
+      "dependencies": {
+        "fs-extra": {
+          "version": "0.30.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-0.30.0.tgz",
+          "integrity": "sha1-8jP/zAjU2n1DLapEl3aYnbHfk/A=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "4.1.11",
+            "jsonfile": "2.4.0",
+            "klaw": "1.3.1",
+            "path-is-absolute": "1.0.1",
+            "rimraf": "2.6.2"
+          }
+        }
+      }
+    },
+    "webpack-merge": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-4.1.0.tgz",
+      "integrity": "sha1-atciI7PguDflMeRZfBmfkJNhUR4=",
+      "dev": true,
+      "requires": {
+        "lodash": "4.17.4"
+      }
+    },
+    "webpack-sources": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.0.1.tgz",
+      "integrity": "sha512-05tMxipUCwHqYaVS8xc7sYPTly8PzXayRCB4dTxLhWTqlKUiwH6ezmEe0OSreL1c30LAuA3Zqmc+uEBUGFJDjw==",
+      "dev": true,
+      "requires": {
+        "source-list-map": "2.0.0",
+        "source-map": "0.5.7"
+      }
+    },
+    "websocket-driver": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.0.tgz",
+      "integrity": "sha1-DK+dLXVdk67gSdS90NP+LMoqJOs=",
+      "dev": true,
+      "requires": {
+        "http-parser-js": "0.4.8",
+        "websocket-extensions": "0.1.2"
+      }
+    },
+    "websocket-extensions": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.2.tgz",
+      "integrity": "sha1-Dhh4HeYpoYMIzhSBZQ9n/6JpOl0=",
+      "dev": true
+    },
+    "whet.extend": {
+      "version": "0.9.9",
+      "resolved": "https://registry.npmjs.org/whet.extend/-/whet.extend-0.9.9.tgz",
+      "integrity": "sha1-+HfVv2SMl+WqVC+twW1qJZucEaE=",
+      "dev": true
+    },
+    "which": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.0.tgz",
+      "integrity": "sha512-xcJpopdamTuY5duC/KnTTNBraPK54YwpenP4lzxU8H91GudWpFv38u0CKjclE1Wi2EH2EDz5LRcHcKbCIzqGyg==",
+      "dev": true,
+      "requires": {
+        "isexe": "2.0.0"
+      }
+    },
+    "which-module": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz",
+      "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=",
+      "dev": true
+    },
+    "wide-align": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.2.tgz",
+      "integrity": "sha512-ijDLlyQ7s6x1JgCLur53osjm/UXUYD9+0PbYKrBsYisYXzCxN+HC3mYDNy/dWdmf3AwqwU3CXwDCvsNgGK1S0w==",
+      "dev": true,
+      "requires": {
+        "string-width": "1.0.2"
+      },
+      "dependencies": {
+        "string-width": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+          "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
+          "dev": true,
+          "requires": {
+            "code-point-at": "1.1.0",
+            "is-fullwidth-code-point": "1.0.0",
+            "strip-ansi": "3.0.1"
+          }
+        }
+      }
+    },
+    "window-size": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/window-size/-/window-size-0.1.0.tgz",
+      "integrity": "sha1-VDjNLqk7IC76Ohn+iIeu58lPnJ0=",
+      "dev": true
+    },
+    "wordwrap": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.2.tgz",
+      "integrity": "sha1-t5Zpu0LstAn4PVg8rVLKF+qhZD8=",
+      "dev": true
+    },
+    "worker-farm": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/worker-farm/-/worker-farm-1.5.0.tgz",
+      "integrity": "sha512-DHRiUggxtbruaTwnLDm2/BRDKZIoOYvrgYUj5Bam4fU6Gtvc0FaEyoswFPBjMXAweGW2H4BDNIpy//1yXXuaqQ==",
+      "dev": true,
+      "requires": {
+        "errno": "0.1.4",
+        "xtend": "4.0.1"
+      }
+    },
+    "wrap-ansi": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
+      "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=",
+      "dev": true,
+      "requires": {
+        "string-width": "1.0.2",
+        "strip-ansi": "3.0.1"
+      },
+      "dependencies": {
+        "string-width": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+          "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
+          "dev": true,
+          "requires": {
+            "code-point-at": "1.1.0",
+            "is-fullwidth-code-point": "1.0.0",
+            "strip-ansi": "3.0.1"
+          }
+        }
+      }
+    },
+    "wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
+      "dev": true
+    },
+    "write": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/write/-/write-0.2.1.tgz",
+      "integrity": "sha1-X8A4KOJkzqP+kUVUdvejxWbLB1c=",
+      "dev": true,
+      "requires": {
+        "mkdirp": "0.5.1"
+      }
+    },
+    "xtend": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.1.tgz",
+      "integrity": "sha1-pcbVMr5lbiPbgg77lDofBJmNY68=",
+      "dev": true
+    },
+    "y18n": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.1.tgz",
+      "integrity": "sha1-bRX7qITAhnnA136I53WegR4H+kE=",
+      "dev": true
+    },
+    "yallist": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
+      "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=",
+      "dev": true
+    },
+    "yargs": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-8.0.2.tgz",
+      "integrity": "sha1-YpmpBVsc78lp/355wdkY3Osiw2A=",
+      "dev": true,
+      "requires": {
+        "camelcase": "4.1.0",
+        "cliui": "3.2.0",
+        "decamelize": "1.2.0",
+        "get-caller-file": "1.0.2",
+        "os-locale": "2.1.0",
+        "read-pkg-up": "2.0.0",
+        "require-directory": "2.1.1",
+        "require-main-filename": "1.0.1",
+        "set-blocking": "2.0.0",
+        "string-width": "2.1.1",
+        "which-module": "2.0.0",
+        "y18n": "3.2.1",
+        "yargs-parser": "7.0.0"
+      },
+      "dependencies": {
+        "camelcase": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-4.1.0.tgz",
+          "integrity": "sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0=",
+          "dev": true
+        },
+        "cliui": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz",
+          "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=",
+          "dev": true,
+          "requires": {
+            "string-width": "1.0.2",
+            "strip-ansi": "3.0.1",
+            "wrap-ansi": "2.1.0"
+          },
+          "dependencies": {
+            "string-width": {
+              "version": "1.0.2",
+              "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+              "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
+              "dev": true,
+              "requires": {
+                "code-point-at": "1.1.0",
+                "is-fullwidth-code-point": "1.0.0",
+                "strip-ansi": "3.0.1"
+              }
+            }
+          }
+        }
+      }
+    },
+    "yargs-parser": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-7.0.0.tgz",
+      "integrity": "sha1-jQrELxbqVd69MyyvTEA4s+P139k=",
+      "dev": true,
+      "requires": {
+        "camelcase": "4.1.0"
+      },
+      "dependencies": {
+        "camelcase": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-4.1.0.tgz",
+          "integrity": "sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0=",
+          "dev": true
+        }
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
index 4047dd3f..3cca927e 100755
--- a/package.json
+++ b/package.json
@@ -1,32 +1,47 @@
 {
-  "name": "FrankerFaceZ",
-  "author": "Stendec",
-  "version": "3.0.0",
-  "description": "FrankerFaceZ gives Twitch users custom emoticons.",
+  "name": "frankerfacez",
+  "author": "Dan Salvato LLC",
+  "version": "4.0.0",
+  "description": "FrankerFaceZ is a Twitch enhancement suite.",
   "main": "script.js",
+  "scripts": {
+    "start": "webpack-dev-server --config webpack.web.dev.js",
+    "build": "webpack --config webpack.web.prod.js --define process.env.NODE_ENV='production'",
+    "build:prod": "webpack --config webpack.web.prod.js --define process.env.NODE_ENV='production'",
+    "build:dev": "webpack --config webpack.web.dev.js"
+  },
   "devDependencies": {
-    "gulp": "^3.9.1",
-    "gulp-browserify": "^0.5.1",
-    "gulp-changed": "^1.3.2",
-    "gulp-clean": "^0.3.2",
-    "gulp-clean-css": "^2.0.12",
-    "gulp-concat": "^2.6.0",
-    "gulp-declare": "^0.3.0",
-    "gulp-filesize": "0.0.6",
-    "gulp-footer": "^1.0.5",
-    "gulp-header": "^1.8.8",
-    "gulp-js-escape": "^1.0.1",
-    "gulp-less": "^3.1.0",
-    "gulp-rename": "^1.2.2",
-    "gulp-sourcemaps": "^1.6.0",
-    "gulp-uglify": "^2.0.0",
-    "gulp-util": "^3.0.7",
-    "gulp-wrap": "^0.13.0",
-    "request": "^2.74.0",
-    "vinyl-ftp": "^0.5.0"
+    "clean-webpack-plugin": "^0.1.17",
+    "copy-webpack-plugin": "^4.1.0",
+    "css-loader": "^0.28.7",
+    "eslint": "^4.9.0",
+    "extract-loader": "^1.0.1",
+    "file-loader": "^1.1.5",
+    "less": "^2.7.2",
+    "node-sass": "^4.5.3",
+    "raw-loader": "^0.5.1",
+    "sass-loader": "^6.0.6",
+    "style-loader": "^0.18.2",
+    "to-string-loader": "^1.1.5",
+    "uglifyjs-webpack-plugin": "^1.0.0-beta.2",
+    "vue-loader": "^13.0.5",
+    "webpack": "^3.6.0",
+    "webpack-dev-middleware": "^1.12.0",
+    "webpack-dev-server": "^2.9.1",
+    "webpack-manifest-plugin": "^1.3.2",
+    "webpack-merge": "^4.1.0"
   },
   "repository": {
     "type": "git",
-    "url": "https://bitbucket.org/stendec/frankerfacez.git"
+    "url": "https://github.com/FrankerFaceZ/FrankerFaceZ.git"
+  },
+  "dependencies": {
+    "displacejs": "^1.2.4",
+    "path-to-regexp": "^2.0.0",
+    "popper.js": "^1.12.6",
+    "sortablejs": "^1.6.1",
+    "vue": "^2.5.2",
+    "vue-clickaway": "^2.1.0",
+    "vue-template-compiler": "^2.5.2"
   }
 }
diff --git a/res/font/ffz-fontello.eot b/res/font/ffz-fontello.eot
new file mode 100644
index 0000000000000000000000000000000000000000..75a0fc2fb0d4e74f43f2bb75b369301af344f1ab
GIT binary patch
literal 12396
zcmd^lYj9l0b!PW{&z-@%Fb_P3cjjUM5Ey_U9s^PY$ss@xe1IYdLd-yx$r<9o7hVQI
zN~9#0V|!IHB8!SD@yd=|k!(rp^-A#tX<Le;idD6;%PV^;_F9r_Qx(@%Dq981wjy!m
zb;Jn3e&^l`5R^zcmA^Yc-#&f%-0pKupFZbw&rGy1_U%oKaV9YO2uv1j0GP)(LHz?x
z`^M8oqxs_2Z$Ezny9$-Dar|9kO?XbTDK^K(*aZHjLEvYDXq{x|(Jr!CU}EejFth9&
zJ8e@NY%^<SV2XX*IOrxO0_-zPWHWt7?&>!FBz*~(4^V~<9of{n!#MIbh=}*2Ba_7$
zlihEj{SC&%hLH<%hVsUW#F+Uc`i=3Klaup*`q(hqFEi$yIaxe61AGweKSQmZoVYlC
z<@ML07wL7z%3Ds26-R@;e{q$u1jb<5Q$T3DB+Q@aLc8YF<lKGZzgc+;?E>0!6VoHb
z{7c7oqmB1j*JSa&8UCQ}GGiMs2Q#LMlVe>yBmata3szuhX8PRR4}bR7-!qm%o1d7O
z9h>>zyBfjUrVQvGvSrtyq#aDyy{CVO`6r5VQ>=m!H}oOhtcUr;>61mKxjh_x)XRb4
zOj*T>kMPHsjQKAKn29~&)ck+3%^aq2!!FQw(`R73ca-H8*|ndGgDYp)-Qpno5(rj}
zgwdE-CB}$%%*$VM`(6c>s4}Q^8!xdZ(2hX!B9j&a?|k{4e|qQbcdOp*es}TRf4TPa
zl@-PonT`GJ8uq7z{m6%7lvew%ovr>6PXdh$jufUsdJpFHG9N2}VFoa3h=o}x-i*R5
z<1oN-=(Lhm;YHHY|L-3kDS#JTH9#wi0IAR_F1iI8W{YltuGyknXyq5(LKd;;7P7xZ
zw_r`!qFcyX7u|w&VvBAeOIdUa){ZT@1*^yw-GcRGi*CWnvPHLGjoG4GXm`K!Wv5`>
z**pK_6j%Uz=eJIQEwFdsMX10k*t?LK3haZu+wBxs3VRnypaPp=@BWKZU_I>GPn`lg
zV%L7=6j&6y_CK5g+rqAK3RxNHapj+d*M)~z4NK%IQ{_QbVgm0Iu>*x^j_&bDRU{(G
zWsT`bfGep@T%|{C`%Yd*k8JA(-bs%by5lk7^+10x6MW_wJo<xFqgrhT0?#}Xn281Z
z1A%9s4SbX^&`bn2Pmf5y7Z0$Xu#Q~ofBy5wFYeo2Ut8wE=Iz4@V@C;-Oc17IiDRvO
zY##*q3H!+(f9A}|P*{;;jl8up8z-LP3GlT3k8rVUXSS}ku9lvifID}92p!J<Ds`0F
z@tCTp3go5=e}0btx@K<H+Ra+UY=#=}*UX_4)G3G1Mmrc_0YFjqRQ7Xq3RQ_mVuVKT
zI)YWM1REzzh-%mq@CGUZvLT1H5=oBuD^yVsxajkHq*4Kpq;k#$N%59wB`xJ@D4<vP
zHLs+3J&LG$BpK8)=ZY5c#VRu8HPxCw<dyuA>i5WT#j6F4U5BDaW1c!siC+uG%gZFi
zQ=+MwtOY#2G9{|$-pIyaX}rXz`Mp&VO)dK?gEhfud0E^qC_2}bpj7JB6iJq}GNB}(
zNebo^I2T1pRWvhDW+Z~;;y$n`YktX7<*5pnmnF?gGZ-tWNCvBuK~2$0LV78HK-}vI
z$Mk4a(1U?sb<kU``K!x)S}5i#4eAkZ*c0@IL%v|N#vd<{biXM2MTp2XLH76?Ltsvp
zL{--P-jFDHOVA~IxS&+2y6mqAMS<3%!TQ?j4Z+GtO<h@2+~-%k)v_Mcx2Cpi^ae#i
zlf0hNloZ|=(E~=<6HYfq)j+vdPnG(7J{b-}SXo&)BR(ybz-uH~W3GM!_KKfl+w|EH
zM`8uoF?bRSu+$P^U)+q8hGn_Dk+(N<B@)}gd4x8SVy2pf9a2JwM^tQ|&prOr$MMe-
znL8riAH9Fz@l!dWYvR#o9-Zjoz2A@W&z^i-_|j`nD32_ErMe;d{oWmC9{bv(Q+G(+
z<6k;>|LFJOCJ^~nmR1(T<DwTHB#G1}m)q`#bwCA-*b_t!z9!)YML_|3*y9ohyArfE
z#3V`1Gg*@Rqp@hrtTk1+vXMt4N+VCzZs+aUZM=gXt+6=d@QVpy2k(sdISIjA6P&-N
zYgaT~*B;c>8ckmuoPX|-0b%IjZ$5PN{@EWc{%A_M^zwV(`?Qd{uIe_$t04Z#k@+EE
z;L)!=3d;E-=U<(hd-W}PKo;^(uR+f_wgJ9C4+nHfl*vIIu&M^~IUlqxuo<Y>C+w@t
z>1eoKYxq0Wk+>+w8#(+^X%sBlo~yQ_y|c8Ao@v`_$uaTiz-ukOsPA8|`(i%c@?-x7
zUiN9P;d_vm8T?nizz>#x<?{x)`uWeRVO`RA{09MFRIXo+$CvBD$r^tiwh@{RRh38l
zB_2&xWRd&+O^oI|>6&;f92Dh9Bk$bA;YQWYc&Wp-={VevvMt>I&0n86{hR-?@#jBZ
zh5&K>)&iuSOTF<%>bYM}PxC8|ELFFW#MU(oyNmx85iFjIK=&N}7Ej8f$2%edc~&<F
z)V62alC3den||F}<-P8W`T2YP82@j6!1%9<AxL5E@Yp3hi1G9nX^aS$qwWy39ijFe
z94?mcq9I~2jH2^n^gfLhhzP#x2)g3R?_kUS2N_-fw%kVXpfV(gWXxE37_%(Of;dTW
zAF-f-IVCRL!(`bf?~8A#tE)8?xuP-M(OwG!R;qa<7H@0K)|Ix`5kgg><bi<^d5oNU
zGDUHL!<0!hb%Kl(53b9qdP&h_k54_R`857~B<e|pKX@*j@<b#21y8Crb>s}0Js#Zm
z3%FWIQ6z0e*0>@BKX}_TLt!2Xnx+^IMG)5=-H6W$Pav{a=PCk@t_3bkuPHndk2v<L
zBJ9@L5trhu9dTpgv%zHpfpz&UH;(ctJK_ql7&-z09<!UlXZbWDaKN_H1@Uh91dW|x
zy}9nO;r?An%D3szV|#sNP=Z(Jqm4hUaNx1z9H%2Vv}w2raT+^p{GLx7IlOOgV?)X)
z4Xb1e?X@XCkF{pg@DCIt5iTPXAIYsz93-F7fuM+tfr4Z^0&ORPAwnj62n9D6*#@!f
zz({_DqAs>3#Yh@V1tP(PZG-m>3P<OT@+wU|rF%>36*(|aqN)eWD?F+cd_eOBE8~Zh
zpt2_>$y&W0(8g5_%XUih$I}k2cCf6%qluvhR38si#Sh5=b#FwHJPt8zZ`;t&g`uJQ
zs6Uv9R<<gBB|5<6t`e=kDyXX`J-#kk$t7gJ;%g05RR*|EwQ0*Mj3(8mMh4cAdbi1P
zPnAnr5riwS*L>xDF^n}Z*~VNglSHT)3qK=M8Y2#&5?LPWA+mn6Ep4{hwoA^p&cs7C
zQ?;EPc#!rw+g9Chw5>HJhK<;w5jz_*_##psG!pT%0I2aIVSg0^Hu@_U8#9R9j$!Xh
z<=`g_-<8R2WTJ$Xrp%ACNiaOc5bEuiAmo`K3H|0BX12o)VsHa~ZYERBd?$7bxq`ZA
zGNl9rY@d)5AgVdAQhE4q%8u49JzZMGLob&dO$*0M6R#|{bj+GBBRk;x+pf0l=bPI1
z@|~f`KUCHGQ}**)ceii+2ZV4zC~Molzb(8U+)!MF{+@;}(2zgZv7KypZdVsqH4m&4
z&cFju)Kqu_1%fEjBos>Vf&2oJT1mKvY1q8`c5bgp$5P?+*0QiJS2w09kZ}a$&NYCv
zO|AesZcD~vtvg8+F$No_)VI?Kf^Zu#71|eGizFgKSw-0wBSu(=Rh8{AVjuk2UIs26
zNFGi0b1`OoR}Wv;6Z-X#M~`2Q`7gs+UM?Gjo5PDjB(MrRa@Ag`t1+YBz(22#2g#uZ
z<I(GZ2#@)%yLwoF9-3`EAnLF^xt<Q><*pu>NAXO<@u<o)Q$=;!7M`qYO&OBAp4+=%
zWU1C0nyB>)32eo7w}u|D#<m{fZ3&L;3B!XXu(Mr*tRsWOR;Fb8V-)eWFKb>-WlP?M
zB0Oc6BZ141=5o9=Wa}hc?T-mzBP><;R)H@-14axFzM;N;LxK;+T=_G21zKFShXrvM
z_A4SbY-YXeaPH2=1~VmT67MVFl7ftI57SjHX}VN^wnRk}3rKu$2f>fQxR}So2B~JA
zJdS*x{@nI09r4<>Q0cZ%DCmW8#FHIKxh>RgyDfE1A7+U5ADO)>y0Il5bs~uza+QW{
zKm_Ez-sCSVAK~xq^~qnAtF%OX`ERkxd-obq{xeAUrmmfZ&vBlkiTG03HXcEaX9G_L
zW9pl4^7pg~^-0CY7wxUPl(lP~ursYI^sc^iow@`lxXl06K$i4Fxzq2(hlT&jHnD@b
z{mq#MLy%>qoJ(>nEFd$cBSRlkWY`Hge#ap>-rfmBj1M6PV0jv=za|zlL#cW@Ayl9W
zzgU;5i?y|O!k;_UcDU|l-rk8r7ZR3iXKOs$si;};;dDpC(fhtp{ErWomVNrfwtK>*
zfwHolgSDA-rhNA+GxC}JhdQ=rqubhrscc<*-(wGr=7ht-LB1y|DkUeng{V+|XQAQ9
zs2q(PIK{X6j9d-fjvx(3Zm<aX$RC)v)#<?f)BqdJ6`PRmXFY<b){rj~`!uvwMNlWP
zArw_S>w(8rM0OU5FD_d6S)A(?!K)N-NYZtVy@EQ=5cm5J_V;#g@7lVhy{%<aV?$kS
zDbjc!PQ%zEDJ3CfOYI<tO@p9?#Gc%us?Z+F)}~jxoIpu5s~9Bvw6iD?-66Clgf|=R
z$O!d2Y9~>o=4{Kaw~E1vDsf9Pt9di|{Ux3Xezc*hUdU`|UVg%*`M+-ctwVa`gKH7}
z(7@+k{?W^yANadOgH6g~F7VD9{tCqxd_&A68~e+e8<V;8D#;(az#+H(<)1zf3f=$s
z_)8DpdFR6~LC18?d0%S59xFrk)t%effZS%Yi5puwN+>dy6+Q_S!?`dxUKxfW^8x~i
zBn~m0{qkf~{bqeO7BN${=};!NmX4VzB?8X@2b+~0pW6w$sl(2}0fQdVh>Ga{nth%?
zBKDxB%dg5o6h8LA-AhlO{4;)MH~+?kKYA=#-?42dzV{gK*K|5lXs_x-Ccmm&7=D01
zeroRniLwjdI5A)jZEH-0F3|qCSvKTE4e$$_O-NIM>=N0KA~RWGleXW4yd)muGNOqf
zNx~3<4v8m_cpVWl9dX1%fJh-wL}J_EBk^d>Zs$laKUO?frgc)@R=gR_kt(n%<(F?M
z9`2lI-Gm2V*>UWRO>7(MV@KF=c9z}CKF2Pzzhqx$SJ@-EFYM(w5%#eJtCSO!$138{
zfLE4d5x<T#l%+y>sKg_QWkH`NK`BD9R26tw5m*&xg$=x_y1Hr*RaJGKRaaH_KlRj=
zZ+-JWJ@xgczW%kR|MJPNJn`p`Uw-5Z4}I=44_>-=?o(4|PmP^8e$VjH!GVMO`*!cz
zv29D6`)M`cY&)Yk0i|%tgx1!>b?fj@DmD&i;9HS*uF<cjfh+!l`1LdxbB%sIejVIF
zJe7u$A?~_&9A9kr{-&qHga5sr2R-=T>$HR}&vL@!;s5Aa{tHjmgMYW<O^sSwpF`%p
z`wNF;`5&G7@@j<<cL47D;JCP0zu|-9)eQ~R;?s$SAKEiM<UH-sm;dKSP*1Guc3|hp
zqxKul9G+K+_lG<boR)o5Xb%1!yaDzHlG2s;*)Op712}zevNJ>(`x!=oJ~D;^#hCRm
zqJutdbmZz>OAy+#IC8~AwCmQASEmi7+qnf)8++5qO`Rn6Ht<&_?Br+yF*Csx%4=Oh
zuAyPSYJhLb6Bk4ad7_9I5x`yOiQMrr&ZUq?ka0<)%Gleu-J0=<UR>Ca$707y6uKnB
zm6v)9cOd#vKLUYI+7}FJnuGy^<-zheyisXb3uu87pI4VuTx`jhLJS4yR2wxrk|?E}
zFp{=tCl9HnYIc~RPX69uzUlDcFD{LL_acA!+IKHr{N;9`a1Ed3{1^GlOD|r$D12q<
z$JZ`h5*~UQ?30%P|8!1p^xnxn!ScDg4r~=PWn;2D<l%~a_VqDU@u>x!YfRCGO1y%C
zbe-Z^fiA;fenV7qN^Q8Oe>i{F;Gu(kdwO!UsnS~dn10HBk=tM$lxWCtR><Bzw$0mc
zlrt3-u^3t4TCRhYb#8|`kw;^>H^Aq`ctY1|$QR>r`3Cr?eer{~sxSZSdZi>UC=&m*
zu4UWP%Pr}4-a)TCU+2lhuEZNWbuVc8ApZj4mhYwKZD65w7s9rD1amF@bMx-*W}(!c
z@{`djo``%BcM0V0kuN~6BJSC1a!H0W@9KFQnj3`fDKTb3e@A;LNO#_y$xt#4A?Y+g
z=bBC=beDzKma^h-d-{XdYO=gNEoRg0IsU?{OLv3!Y>n_7RkV)WnUDP))-jaxW3RY3
zDQ$F<LWgF1ST~Ur7jGKz!dZJXJlkn3k?tF%`)r%`v0B!Z+lsUn{7bmWBL^;=1>?An
zlCd{MEl($%y?9T_Ges#;_O+$kYLg)(wH`aE4Q&)cNjf=3oh1Y>l<1R)ZAq7*%l!G}
zAz>R&EFXb{`~|Ge^X=)SMO$b-)Sec~YO*SJ;`5i=(>$@Xm~Q_8xCPn)*6G_s?$DBJ
zGU9$&f`#IqfsP`Gq~M!EDXP_2+R={h8!GKfo6c<eCVaPm2SwC6C#-HjdgZ1JIG7Rl
z>(@qj?69JI_Ops|7>9S%egHSM`LUa{{Hfc~x$g;kKD4UvcjWV)|Mu1wj|aMb$Gjqa
z3&Y;5&fwc3r^b!d8GL&|)}+zBi~Yen_IH&`T0;Ntq~FshH+`yUBoPN2X$kdHD=Xsg
z%98jL!7$5hn05^C;>z!AI(&0%({2KtOCu7FV2mRH?-T~6930W({S_+G1*b+YWBd7&
z{4HTXcuG{nW^q7#S$t3WuCy#4mH%Ejro62l(}LQkwcqG|{fz#a_k#DYys!J3eNWgD
zRI~pM>!y#ua>%{U0s5+U#>Oz*EBtaz&JN%lnK{0)>2P5I9(tDxi@@)7VF@tK9`-mg
za+rb(E5M(1VVyN1mvLyk*wJ6ZzUC6G!x{D+7v`*tZ*XA&zQ5CjMc{i~SOWY>7nWI!
zpLbye_&;%BogL+0cVRE9<?r`Q&s>~6ee%?tQQx!CXl>ctX`HxdOapa#syJa3&(EEj
zo;_#ejPdEIxv`0f>E@B?$?@?^O{?v}v6JT~inHrc>*1qgv*%7vPZ^t=Th^od#-_$*
zi*sY6G~2lgCtK&{#*OjW=}BXcJC89lJAGzsWUl$t+}z9^n>MY^NAt5D-097*i}>}!
zX?BvG!Y?HZRuAk()UEh>e>3X@bOICxC>^TPxCbiY*AoVw=kdlVyXPF*Ig}6o;-Z<2
zpnnqhTmK^C=3isnj_P*!TmN$7cGP|NoyU~@TaP069%G~6*OBcUy8!uHft>@NB*m=F
zwZZnFUjGXc1Nx%AGkAXl)Xlcm=77BeDbXgpc{Ba0{IJ5+y^qjy%TG0(GPuNL#B-Hv
z+{1P5<vw15Gh~1Vd5DL3DUa|dF3ID(jF<BYUdgL?HBT^Qq&PJ)Hlbab9XmS(D^kvl
z6=z3I$s_pX$64vzTya*XN7LBk%-lt7bo$<@rqR>09@}DVs5mz_HZ=ze6Q<9KBhx3P
znThk~yyMdoqhqs8(=%gJ_Dd7f#Zl$_j9raSOwY_*ROjwJjaO&olg0BV$NV%h^)_MR
z^P@h8)M;pE$1a|jF3ygY!2D0ooI8E4>B89ToI(SD)4AE=xl@6APfuZpCj36-^yKMF
zV{7fxQ+C_$_Ro%;o12~;^SMn-b`IVUAH-Dr8pH8G>y=!F^D6$x=Tfm)#<193`QBl}
zIPenlA3k6yNAAvB?Uh#jaADk-zbkJE>Ed5&aM>dx=84K=(qh9F>oIp<!5lq>?k0<8
zETb^qWC<B#)UaL|u%z0%uhetBr+1`x@Dur@nXH`88`i);K56BKD-CN4L0g80jRl9O
zIBL}c<+co~h5B2F@|A(S0Vd{)hNTbW3&0rErxTPVC|js33=a=iTD)<1*tFO{er$NS
z$r3Y0uVG2)A{df;2J)6{c3X<s4fcmEUTCtUj0wJs(FOTLw?RG5<n%;;?}#NfB!TZS
z=8bubz0e}3A=cr1VW6@&IGi_!(VIJxM^_~Y<<8t>$r(%SX}kgxw^gH{X?B}XvDsa;
zgcIWyAHn#R+|XpH8H1Sg_KdtFu@fKxo4LX;krZ~@Olp}cs+aZjb~hx~l<mpftbE-W
zg*SqQ9!Oj;dgsj|ErhKpR!Q2lj7l)M%B3Zy&Ejrn3h!-Rw`%YfUS1Pz{YyTw8MFI}
zR~LKp$x1Uh+>mUtN-_(A&})qrcQ;x73<NL?%h$7?<N{!J4_hVF8bqrEttKmgVS=_w
z3}|2kY+L@Gf-zq(EI*XiWCb$^hVl#2=<eYft7Oc)ugMB!4jj%OIN~5HlfakS_;6-{
z1$yqvF9ZTuzhbu)Xe1+r>2@#p=uv`)#ba0rF+Gr9Aj^fay63UHG;KrD#A~Z?rPEKZ
z!1k$k7?SjX|Goki@usD^%>phkR%$}UJr>(>1(#;FHI!!90uy?N@>am?HhL{Dj8ezM
zg>IvO>Aw>U;;VAj-92Ae2rG@&Y-42#YKlO%(#9q$npxmf$Dn7b<Cz7K>axs&M0I&)
zL8iJQv!GC2nORV&uF5QER99yfJX9w#%qnU8cQCR6j3h9C0Y<1!f)T1yV1#NDj8I(z
zMyO7M5vps!2-S69gz9=QLiNUs(Pi6tLk98(3q}v=f)=fa+S*7))tIpw8m$Iwmkcbm
z4<>cX{bClknB=QImIC(DWHqg=0gqXk28%~qY%Mph*UHUZn=(d+&1VZ}c<)EIE4;uh
z*&;lPecN`wyLXsd7B=xHB-sqP!RRetDZpxrTbiuaOmn=e$!hyUq_D6NkhfzgSS)Qc
z8-27hp~8Lh^L=I?JV72l8$J))wT<IG2lIEpg~VX}__s+cPfz36e6wj7UGo?#d!yTE
zcE+$Ij0q~kD$r)m9nN1B4AH2(D%6S<!`<ZIG`LF4hZ)U1*jiY{oA(JeHE(o0xzJM>
zH7&8HI0_#l^b{)r7lyGhKm1M+EWzuVdx~2sP0X+da-p(k!Facr1dNa;l(4&@dl`lV
zzx^RjFk%rer)?(iL>M6#c4IDBNhj&R!0d9Zs{^wOs@Y<rEe*TZF!q>zG#RbdR$FBx
zfU8k9ly5e=5cr5=7m2}cs9Z^-wGUluq19Qaj~Z9ObXNvEHd%ML9Q3R%O@U(Xhecdn
z%553bXeO=gf!FOCZeGA|46yOK*3ekZ8|dw8Xq$TV)thK`WUP+H)t;LM-I=knjq|V}
zGM0I4$B#^mWofn=F@Mfh7a8EHcFDL*?22Y=5{JiKa29aTYnHky?;keBzFQf_zsLGW
zZ{%0H%q^A4b?coRc6sb3WvnW-hvZL^=7~jDjx~{YL*%HlIT6aS4@;Y^&De{*x54j$
zujP?as}(eT8LJ)DUea1G^lI!u%v#mcz6_b8wHIpLpSi-=E&vAra02=>SGbKi2*AeN
zNi^N)Iz%)C3=j<ghlz%OL893K;0VzWFhn#2+(k4593`3@fIlJ{0`f#dz%bDea5vHP
z0Qdya5O5FC5b#N&A>bI%>;!O}Xb30}4FN@>A>c&D>ReOv2sNy2K#$r`7oaiQo`Bwt
z#(2isvPON98aDMQ8zSn{HbkUnGS=2L(zDdCNhfTGNGENGNT)K^9c!f1)UZisY=}rd
zWkW<do4M+dgw@QbyV26dEU{+bJ_<EW3`zEn29bd9N8yy6w0dTN$=#5iH4tzWKRnSK
z2sdK{Dc#=_UO~49u-g4SmUCc{?Ov$i4<AO>_;7wf9NoQ8OReu|pTS{2_wWc(Cy*dH
X9=_@mxUb<QzVaU|>5B*yyBYg`)ZB@;

literal 0
HcmV?d00001

diff --git a/res/font/ffz-fontello.svg b/res/font/ffz-fontello.svg
new file mode 100644
index 00000000..08e03c88
--- /dev/null
+++ b/res/font/ffz-fontello.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Copyright (C) 2017 by original authors @ fontello.com</metadata>
+<defs>
+<font id="ffz-fontello" horiz-adv-x="1000" >
+<font-face font-family="ffz-fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
+<missing-glyph horiz-adv-x="1000" />
+<glyph glyph-name="cancel" unicode="&#xe800;" d="M724 112q0-22-15-38l-76-76q-16-15-38-15t-38 15l-164 165-164-165q-16-15-38-15t-38 15l-76 76q-16 16-16 38t16 38l164 164-164 164q-16 16-16 38t16 38l76 76q16 16 38 16t38-16l164-164 164 164q16 16 38 16t38-16l76-76q15-15 15-38t-15-38l-164-164 164-164q15-15 15-38z" horiz-adv-x="785.7" />
+
+<glyph glyph-name="zreknarf" unicode="&#xe801;" d="M620 841c21 1 43 4 63-4 18-9 36-21 56-26 11-18 32-28 42-46 19-30 37-60 43-95 8-48 36-91 65-130 18-39 10-84 18-126 12-26 21-53 35-78 6-11 23-4 25 6 6 37-13 72-11 108 2 19-4 39 2 57 14 19 23 41 38 59 18 28 53 43 86 40 11-15 26-27 39-41 14-22 33-41 50-61 10-14 16-29 23-44 14-25 21-54 34-80 11-31 29-61 28-94 3-10 4-21 5-31 5-21 14-44 3-64-12-27-36-46-59-63-31-24-60-52-95-71-20-13-42-26-65-36-18-8-31-26-50-31-12-9-21-24-36-26-23-7-46 19-69 6-16-9-32-16-48-23-44-29-93-49-144-60-43 1-86-3-129-2-18 9-39 5-57 14-32 8-56 31-86 44-14 7-28 17-41 26-13 10-22 25-36 33-20 1-33-18-52-20-12-2-24-2-36-2-18 19-29 45-54 56-26 18-55 34-77 57-12 13-26 25-42 35-24 21-40 49-58 75-16 23-27 50-24 78 3 41 3 83 13 123 21 54 57 99 93 144 19 27 51 52 86 43 17-8 29-23 37-40 6-14 17-26 19-41 5-30 9-61 4-91-9-32-15-65-12-97 0-15 15-28 30-24 16 4 20 21 27 34 9 20 22 39 34 57 19 27 27 60 40 89 10 24 8 50 13 74 4 40-3 80 3 119 7 19 10 40 20 58 15 19 35 34 50 53 9 11 22 17 34 23 40 14 80 35 123 36z" horiz-adv-x="1277" />
+
+<glyph glyph-name="search" unicode="&#xe802;" d="M643 386q0 103-73 176t-177 74-177-74-73-176 73-177 177-73 177 73 73 177z m286-465q0-29-22-50t-50-21q-30 0-50 21l-191 191q-100-69-223-69-80 0-153 31t-125 84-84 125-31 153 31 152 84 126 125 84 153 31 153-31 125-84 84-126 31-152q0-123-69-223l191-191q21-21 21-51z" horiz-adv-x="928.6" />
+
+<glyph glyph-name="clock" unicode="&#xe803;" d="M500 546v-250q0-7-5-12t-13-5h-178q-8 0-13 5t-5 12v36q0 8 5 13t13 5h125v196q0 8 5 13t12 5h36q8 0 13-5t5-13z m232-196q0 83-41 152t-110 111-152 41-153-41-110-111-41-152 41-152 110-111 153-41 152 41 110 111 41 152z m125 0q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.1" />
+
+<glyph glyph-name="star" unicode="&#xe804;" d="M929 489q0-12-15-27l-202-197 48-279q0-4 0-12 0-11-6-19t-17-9q-10 0-22 7l-251 132-250-132q-12-7-23-7-11 0-17 9t-6 19q0 4 1 12l48 279-203 197q-14 15-14 27 0 21 31 26l280 40 126 254q11 23 27 23t28-23l125-254 280-40q32-5 32-26z" horiz-adv-x="928.6" />
+
+<glyph glyph-name="star-empty" unicode="&#xe805;" d="M635 290l170 166-235 34-106 213-105-213-236-34 171-166-41-235 211 111 211-111z m294 199q0-12-15-27l-202-197 48-279q0-4 0-12 0-28-23-28-10 0-22 7l-251 132-250-132q-12-7-23-7-11 0-17 9t-6 19q0 4 1 12l48 279-203 197q-14 15-14 27 0 21 31 26l280 40 126 254q11 23 27 23t28-23l125-254 280-40q32-5 32-26z" horiz-adv-x="928.6" />
+
+<glyph glyph-name="down-dir" unicode="&#xe806;" d="M571 457q0-14-10-25l-250-250q-11-11-25-11t-25 11l-250 250q-11 11-11 25t11 25 25 11h500q14 0 25-11t10-25z" horiz-adv-x="571.4" />
+
+<glyph glyph-name="right-dir" unicode="&#xe807;" d="M321 350q0-14-10-25l-250-250q-11-11-25-11t-25 11-11 25v500q0 15 11 25t25 11 25-11l250-250q10-10 10-25z" horiz-adv-x="357.1" />
+
+<glyph glyph-name="attention" unicode="&#xe808;" d="M571 83v106q0 8-5 13t-12 5h-108q-7 0-12-5t-5-13v-106q0-8 5-13t12-6h108q7 0 12 6t5 13z m-1 208l10 257q0 6-5 10-7 6-14 6h-122q-6 0-14-6-5-4-5-12l9-255q0-5 6-9t13-3h103q8 0 14 3t5 9z m-7 522l428-786q20-35-1-70-9-17-26-26t-35-10h-858q-18 0-35 10t-26 26q-21 35-1 70l429 786q9 17 26 27t36 10 36-10 27-27z" horiz-adv-x="1000" />
+
+<glyph glyph-name="ok" unicode="&#xe809;" d="M933 534q0-22-16-38l-404-404-76-76q-16-15-38-15t-38 15l-76 76-202 202q-15 16-15 38t15 38l76 76q16 16 38 16t38-16l164-165 366 367q16 16 38 16t38-16l76-76q16-15 16-38z" horiz-adv-x="1000" />
+
+<glyph glyph-name="cog" unicode="&#xe80a;" d="M571 350q0 59-41 101t-101 42-101-42-42-101 42-101 101-42 101 42 41 101z m286 61v-124q0-7-4-13t-11-7l-104-16q-10-30-21-51 19-27 59-77 6-6 6-13t-5-13q-15-21-55-61t-53-39q-7 0-14 5l-77 60q-25-13-51-21-9-76-16-104-4-16-20-16h-124q-8 0-14 5t-6 12l-16 103q-27 9-50 21l-79-60q-6-5-14-5-8 0-14 6-70 64-92 94-4 5-4 13 0 6 5 12 8 12 28 37t30 40q-15 28-23 55l-102 15q-7 1-11 7t-5 13v124q0 7 5 13t10 7l104 16q8 25 22 51-23 32-60 77-6 7-6 14 0 5 5 12 15 20 55 60t53 40q7 0 15-5l77-60q24 13 50 21 9 76 17 104 3 16 20 16h124q7 0 13-5t7-12l15-103q28-9 51-20l79 59q5 5 13 5 7 0 14-5 72-67 92-95 4-5 4-12 0-7-4-13-9-12-29-37t-30-40q15-28 23-54l102-16q7-1 12-7t4-13z" horiz-adv-x="857.1" />
+
+<glyph glyph-name="plus" unicode="&#xe80b;" d="M786 439v-107q0-22-16-38t-38-15h-232v-233q0-22-16-37t-38-16h-107q-22 0-38 16t-15 37v233h-232q-23 0-38 15t-16 38v107q0 23 16 38t38 16h232v232q0 22 15 38t38 16h107q23 0 38-16t16-38v-232h232q23 0 38-16t16-38z" horiz-adv-x="785.7" />
+
+<glyph glyph-name="folder-open" unicode="&#xe80c;" d="M1049 319q0-17-18-37l-187-221q-24-28-67-48t-81-20h-607q-19 0-33 7t-15 24q0 17 17 37l188 221q24 28 67 48t80 20h607q19 0 34-7t15-24z m-192 192v-90h-464q-53 0-110-26t-92-67l-188-221-2-3q0 2-1 7t0 7v536q0 51 37 88t88 37h179q51 0 88-37t37-88v-18h303q52 0 88-37t37-88z" horiz-adv-x="1071.4" />
+
+<glyph glyph-name="download" unicode="&#xe80d;" d="M714 100q0 15-10 25t-25 11-25-11-11-25 11-25 25-11 25 11 10 25z m143 0q0 15-10 25t-26 11-25-11-10-25 10-25 25-11 26 11 10 25z m72 125v-179q0-22-16-37t-38-16h-821q-23 0-38 16t-16 37v179q0 22 16 38t38 16h259l75-76q33-32 76-32t76 32l76 76h259q22 0 38-16t16-38z m-182 318q10-23-8-39l-250-250q-10-11-25-11t-25 11l-250 250q-17 16-8 39 10 21 33 21h143v250q0 15 11 25t25 11h143q14 0 25-11t10-25v-250h143q24 0 33-21z" horiz-adv-x="928.6" />
+
+<glyph glyph-name="upload" unicode="&#xe80e;" d="M714 29q0 14-10 25t-25 10-25-10-11-25 11-25 25-11 25 11 10 25z m143 0q0 14-10 25t-26 10-25-10-10-25 10-25 25-11 26 11 10 25z m72 125v-179q0-22-16-38t-38-16h-821q-23 0-38 16t-16 38v179q0 22 16 38t38 15h238q12-31 39-51t62-20h143q34 0 61 20t40 51h238q22 0 38-15t16-38z m-182 361q-9-22-33-22h-143v-250q0-15-10-25t-25-11h-143q-15 0-25 11t-11 25v250h-143q-23 0-33 22-9 22 8 39l250 250q10 10 25 10t25-10l250-250q18-17 8-39z" horiz-adv-x="928.6" />
+
+<glyph glyph-name="floppy" unicode="&#xe80f;" d="M214-7h429v214h-429v-214z m500 0h72v500q0 8-6 21t-11 20l-157 156q-5 6-19 12t-22 5v-232q0-22-15-38t-38-16h-322q-22 0-37 16t-16 38v232h-72v-714h72v232q0 22 16 38t37 16h465q22 0 38-16t15-38v-232z m-214 518v178q0 8-5 13t-13 5h-107q-7 0-13-5t-5-13v-178q0-7 5-13t13-5h107q7 0 13 5t5 13z m357-18v-518q0-22-15-38t-38-16h-750q-23 0-38 16t-16 38v750q0 22 16 38t38 16h517q23 0 50-12t42-26l156-157q16-15 27-42t11-49z" horiz-adv-x="857.1" />
+
+<glyph glyph-name="twitter" unicode="&#xf099;" d="M904 622q-37-54-90-93 0-8 0-23 0-73-21-145t-64-139-103-117-144-82-181-30q-151 0-276 81 19-2 43-2 126 0 224 77-59 1-105 36t-64 89q19-3 34-3 24 0 48 6-63 13-104 62t-41 115v2q38-21 82-23-37 25-59 64t-22 86q0 49 25 91 68-83 164-133t208-55q-5 21-5 41 0 75 53 127t127 53q79 0 132-57 61 12 115 44-21-64-80-100 52 6 104 28z" horiz-adv-x="928.6" />
+
+<glyph glyph-name="gauge" unicode="&#xf0e4;" d="M214 207q0 30-21 51t-50 21-51-21-21-51 21-50 51-21 50 21 21 50z m107 250q0 30-20 51t-51 21-50-21-21-51 21-50 50-21 51 21 20 50z m239-268l57 213q3 14-5 27t-21 16-27-3-17-22l-56-213q-33-3-60-25t-35-55q-11-43 11-81t66-50 81 11 50 66q9 33-4 65t-40 51z m369 18q0 30-21 51t-51 21-50-21-21-51 21-50 50-21 51 21 21 50z m-358 357q0 30-20 51t-51 21-50-21-21-51 21-50 50-21 51 21 20 50z m250-107q0 30-20 51t-51 21-50-21-21-51 21-50 50-21 51 21 20 50z m179-250q0-145-79-269-10-17-30-17h-782q-20 0-30 17-79 123-79 269 0 102 40 194t106 160 160 107 194 39 194-39 160-107 106-160 40-194z" horiz-adv-x="1000" />
+
+<glyph glyph-name="download-cloud" unicode="&#xf0ed;" d="M714 332q0 8-5 13t-13 5h-125v196q0 8-5 13t-12 5h-108q-7 0-12-5t-5-13v-196h-125q-8 0-13-5t-5-13q0-8 5-13l196-196q5-5 13-5t13 5l196 196q5 6 5 13z m357-125q0-89-62-151t-152-63h-607q-103 0-177 73t-73 177q0 72 39 134t105 92q-1 17-1 24 0 118 84 202t202 84q87 0 159-49t105-129q40 35 93 35 59 0 101-42t42-101q0-43-23-77 72-17 119-76t46-133z" horiz-adv-x="1071.4" />
+
+<glyph glyph-name="upload-cloud" unicode="&#xf0ee;" d="M714 368q0 8-5 13l-196 196q-5 5-13 5t-13-5l-196-196q-5-6-5-13 0-8 5-13t13-5h125v-196q0-8 5-13t12-5h108q7 0 12 5t5 13v196h125q8 0 13 5t5 13z m357-161q0-89-62-151t-152-63h-607q-103 0-177 73t-73 177q0 72 39 134t105 92q-1 17-1 24 0 118 84 202t202 84q87 0 159-49t105-129q40 35 93 35 59 0 101-42t42-101q0-43-23-77 72-17 119-76t46-133z" horiz-adv-x="1071.4" />
+
+<glyph glyph-name="keyboard" unicode="&#xf11c;" d="M214 198v-53q0-9-9-9h-53q-9 0-9 9v53q0 9 9 9h53q9 0 9-9z m72 143v-53q0-9-9-9h-125q-9 0-9 9v53q0 9 9 9h125q9 0 9-9z m-72 143v-54q0-9-9-9h-53q-9 0-9 9v54q0 9 9 9h53q9 0 9-9z m572-286v-53q0-9-9-9h-482q-9 0-9 9v53q0 9 9 9h482q9 0 9-9z m-357 143v-53q0-9-9-9h-54q-9 0-9 9v53q0 9 9 9h54q9 0 9-9z m-72 143v-54q0-9-9-9h-53q-9 0-9 9v54q0 9 9 9h53q9 0 9-9z m214-143v-53q0-9-8-9h-54q-9 0-9 9v53q0 9 9 9h54q8 0 8-9z m-71 143v-54q0-9-9-9h-53q-9 0-9 9v54q0 9 9 9h53q9 0 9-9z m214-143v-53q0-9-9-9h-53q-9 0-9 9v53q0 9 9 9h53q9 0 9-9z m215-143v-53q0-9-9-9h-54q-9 0-9 9v53q0 9 9 9h54q9 0 9-9z m-286 286v-54q0-9-9-9h-54q-9 0-9 9v54q0 9 9 9h54q9 0 9-9z m143 0v-54q0-9-9-9h-54q-9 0-9 9v54q0 9 9 9h54q9 0 9-9z m143 0v-196q0-9-9-9h-125q-9 0-9 9v53q0 9 9 9h62v134q0 9 9 9h54q9 0 9-9z m71-420v500h-929v-500h929z m71 500v-500q0-29-20-50t-51-21h-929q-29 0-50 21t-21 50v500q0 30 21 51t50 21h929q30 0 51-21t20-51z" horiz-adv-x="1071.4" />
+
+<glyph glyph-name="ellipsis-vert" unicode="&#xf142;" d="M214 154v-108q0-22-15-37t-38-16h-107q-23 0-38 16t-16 37v108q0 22 16 38t38 15h107q22 0 38-15t15-38z m0 285v-107q0-22-15-38t-38-15h-107q-23 0-38 15t-16 38v107q0 23 16 38t38 16h107q22 0 38-16t15-38z m0 286v-107q0-22-15-38t-38-16h-107q-23 0-38 16t-16 38v107q0 22 16 38t38 16h107q22 0 38-16t15-38z" horiz-adv-x="214.3" />
+
+<glyph glyph-name="twitch" unicode="&#xf1e8;" d="M500 608v-242h-81v242h81z m222 0v-242h-81v242h81z m0-424l141 141v444h-666v-585h182v-121l121 121h222z m222 666v-565l-242-242h-182l-121-122h-121v122h-222v646l61 161h827z" horiz-adv-x="1000" />
+
+<glyph glyph-name="trash" unicode="&#xf1f8;" d="M286 82v393q0 8-5 13t-13 5h-36q-8 0-13-5t-5-13v-393q0-8 5-13t13-5h36q8 0 13 5t5 13z m143 0v393q0 8-5 13t-13 5h-36q-8 0-13-5t-5-13v-393q0-8 5-13t13-5h36q8 0 13 5t5 13z m142 0v393q0 8-5 13t-12 5h-36q-8 0-13-5t-5-13v-393q0-8 5-13t13-5h36q7 0 12 5t5 13z m-303 554h250l-27 65q-4 5-9 6h-177q-6-1-10-6z m518-18v-36q0-8-5-13t-13-5h-54v-529q0-46-26-80t-63-34h-464q-37 0-63 33t-27 79v531h-53q-8 0-13 5t-5 13v36q0 8 5 13t13 5h172l39 93q9 21 31 35t44 15h178q23 0 44-15t30-35l39-93h173q8 0 13-5t5-13z" horiz-adv-x="785.7" />
+
+<glyph glyph-name="window-maximize" unicode="&#xf2d0;" d="M143 64h714v429h-714v-429z m857 625v-678q0-37-26-63t-63-27h-822q-36 0-63 27t-26 63v678q0 37 26 63t63 27h822q37 0 63-27t26-63z" horiz-adv-x="1000" />
+
+<glyph glyph-name="window-minimize" unicode="&#xf2d1;" d="M1000 118v-107q0-37-26-63t-63-27h-822q-36 0-63 27t-26 63v107q0 37 26 63t63 26h822q37 0 63-26t26-63z" horiz-adv-x="1000" />
+
+<glyph glyph-name="window-restore" unicode="&#xf2d2;" d="M143-7h428v286h-428v-286z m571 286h286v428h-429v-143h54q37 0 63-26t26-63v-196z m429 482v-536q0-37-26-63t-63-26h-340v-197q0-37-26-63t-63-26h-536q-36 0-63 26t-26 63v536q0 37 26 63t63 26h340v197q0 37 26 63t63 26h536q36 0 63-26t26-63z" horiz-adv-x="1142.9" />
+
+<glyph glyph-name="window-close" unicode="&#xf2d3;" d="M656 113l81 81q6 6 6 13t-6 13l-130 130 130 130q6 6 6 13t-6 13l-81 81q-6 6-13 6t-13-6l-130-130-130 130q-6 6-13 6t-13-6l-81-81q-6-6-6-13t6-13l130-130-130-130q-6-6-6-13t6-13l81-81q6-6 13-6t13 6l130 130 130-130q6-6 13-6t13 6z m344 576v-678q0-37-26-63t-63-27h-822q-36 0-63 27t-26 63v678q0 37 26 63t63 27h822q37 0 63-27t26-63z" horiz-adv-x="1000" />
+</font>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/res/font/ffz-fontello.ttf b/res/font/ffz-fontello.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..157c7b4bf97b5d6f5657757c7b28135bd2e636e3
GIT binary patch
literal 12212
zcmd^leQ;dWmFK<hyI;5ZOWm*a*?!$mEy+?#7W!z}Shm}eW%)y3Sr(oaA$GU*;V*qf
zmJK$L$|PBeXb5JgnJmeW8c2Z6WMK1TPZBmuZKzt3%93nNvH?;%Rg>D9nypeu!T?J)
zg9l6dJMTRSIoQe6{JX8b@1A?^dH0@k?z!ijds~b%#zO2<Ok{HdNABu1|0Ht>m=91!
z4jtLjzSBJN7Grz}?W1GUr8$e;Z=?M+#>A$v3k#<5`l`g3^(6Yu$+?r$i+}pqDB3SE
z=AS!RIyVP=80|kpt(}~@IC<r@*F?so*BGm8J2g=n5BLAYRmPGSgXK;Eq3xD1f3gSd
zx>M5&_f7t4^-Z*kXfI67j+F{89^ZpD-e*12rTgaigMrJ8ZNePPoGDFD^z@DW3)*dr
z3D@Ul&n<laCvW~8V`;SciMjcSx&OVp8N6-Dg8m^!vg@pk?PS89y@MkxI8|DhVO5N{
zp%3+Mg!$CzlO?8kJsf@1%YorcS;LBt@W+^p`7a5Wi9O=h{C~0AxBx7ZA^*)jLzDgE
zEWga&{i!&-dWPLC4zn+Sj(BiC7!#|+81asI`Kw;vE5H&}7Pao+CH4f`F=$?7(sJnS
zFTVYcZ@=|U%{#sCEWh*5@BVakm9b^!V1K=i{V`!b^5Gbz-TCWeYk$O(KqEs+g{hF<
zhk5-hz{*$<wiIR&7G>plGtLZ_U=^$qI<00kc#*X9|NAFE3gAUg4baLmKq|C~%U*$o
z*|JxlYqsnaTKQ$Kkd-Zah3s$HD_9e@>=m-sWv^hJ*s@p1QkK1fwPVX(!78$4uV6jd
zvRAOOY}qSVW47!S+TCw|(Jfea_Vz!z1s1^G{<T|R3+!!p5h}0>_6}sG0{dX^^tuI>
z!rp-rsK92}JOAt!SPy&m$8Lcgv3Gys7FZN}_kXwrwuN2e7P2zZ<LW;NuL%#aI+n~=
zrz^v%!~{MdVh0Md9Nm+#npjMdE1EO05LeP$xJr-u&Rx8L9=Y~Syqg{dx)X-*T4*qw
z4L|b?9)n@3QLVK@p=X{6%^BgrQ0UobLmwp!wGx5D(<9Pv#e?ietSjICSAYKa#r=C4
z>nnWNyaQNa>?mQH3BrslajbQK?S~*gVn6!hPn|g#i7K+u%-g$j3F0Y{1Wz0P2xsKF
za}D(k_4Mop+`SV-=y1Pl)NyJj3{_DT$W0agf*jw5R&Lch&3eUZg&OeJ%Apg~X_wGJ
zyBJ^rKvB+A&U0-FRY}AQLZf#B!5UYBgA=AiHR=obLscQ!l%raiB*%hPswfCt3<P~r
zxd2E~Ip>0;_{+4iwn{Y;(yM}+U()<OMO1x~3~HHkMT-QCs%&Lltrm><rJ$q+eR4wa
zYhiQuq4-h5*WfD)YT-m>g{1h(G*y$ekS|c7#1-8i+Z--Wlm)b)zeb{|<zRKVE*!6{
zNCX8%=eiP>%Ke%m$&ywfl!Y`&!JGo;qA00~W`!!uWVlk?4>n~jDEVr9HPOn7lvQno
zjk2m#xHc8m6s;_xmjehT{JyB6$K!$?4uxyO{z@%aTN%(IMxZ>b$NW)W*dL7q!tuIb
zqD<0*q8Jn*BG&}j7i^AzIav}_Sr7UnqU0|_m+a$$Qlsi}uqqM<T91bt>uWcKt7CNy
z6)lNCQ1REwdRX6<-n!Wz76nc6`^wW&baPA(nNeRf(;Qbrm3}>49tZ?vI1FKRb@hz+
zv{(kOkz&pH#!c8OL5^)R;6xmW6=BEVNi4!r%Y^+2D^?zr<;rH>*~*oev6J%{Z6w7?
zw+cI@q>zZI*gl_m{Kt>u%ahsLW8WRWf9Ua3d7)?O(Pti=>f!z0jq^{Rd|dd#t4}D8
ztbD1qDgNF5oo62V%A+&4OTCj{xa0ou@4`(W@~vK9T@sIret3`+Yi0TTjv%Z9DqzH(
zAad|E4L2wX3fRLQmpIs!ptTVuNpgY7k~|nU;)Ydksd9BQkH?f|p03})J9FE47d_gI
z1mp;cNnt1Njs-ah!P}FZzo%<gG+oyo)YUpoUmjk3?vWv3<l(PBboBoD?=SygM!EFT
zd*At_kiMqs4#g`V{?U=e5n<@juRIFM#UtlmSy*`GO?p5U@=vcq&v~{9zCe$LbV-!S
zK^?Sfh6?!rv@WnYs5l_(ug>decwTGto3*ioC?}dZ{8D)wEIOX6zN@plyn&t>$7{)k
z_;l#iwm>}aFV_M_fVcfHxQSPM(r*SH<P|3WMIiLOm0tw>VXl7mvuaeAG@kfgC=iz$
zR}zVpMsTvupO0;ZrXw|#v0#}`Qx#d{fqxaFd0(b3VMN2C9Bby?TR7aP+MOtO*|uDV
z`%$)q`@jCnGpB#`*PDO((-jDi&~Gk4`nmM$ucx2;<?JlK;>uEU3rQSZ!?1h!uMxo#
z`51K1;cxMr#X?MW#RT%KUJ$77%yp#N4Pm=}&0pic<~M@;y`aJWTM#h5H3otd)((%|
z!h;x3|2B;g<8s^^qP{EAxs$`i^4&CqVPF)UAEWnatWZn{Ttm<mSAPRr{y)g@La^ly
ziU-vZK_p|w%EOptQ5M8$iu;HKMa(I2=^iG_0eOF7YePf5rN~vynXb-y7_d^yV@9H*
zJ=aj)*+2+YiIWEgM&t%L_f(qV0*5J+XzCOhDIQ#xRrQjh$-aPkQVVGO`B>bSj(+f5
zH0_JW_zS*tefr25GJ8CD;Ae2PlA=i3s;qHE2!HUFWksSq7Pc%g8i^sUySfpd6`nw3
zugzD5TwM!Xm|a(RED>|<S4G%ua3U_nStsHe;<Mou6M=Q*O)rk}87JZjhJlVyh#O8b
z{4AeE1P(cNx+LBWpP;cbtUup7F*>*#N%?jidhBeh4omO~1GMpH6%IU>oHOtuV(~>m
zoW%~Cyys&_4)5RB+>|!Uqbk`#XMH-zjrLpy{()j7!exx&Be^w-gXA;15EPLyP>}3I
zpzTI5M972>q2T5rJ0O-57|E|t)Wz1M7)gVvKqR@aefYj%;poCqUZbg}bbooHB8P^`
zRP~O^DxWHaAJ78f>ck->tn4);S!>io+N7#s*-mM}M8>7n?x?8pX=3C7HNZnPi9>Qo
z-4~N2pGyqe+deXKVPxb!>JKO5)$K}9i4SqPr%W5H3G3=fU!X@;@<}<U1lmJ2)gc~G
z9oot&vqcT4v7rs5{_V2dSL2aZh2aXEHD7&SjA9KewmDzVBoS)H!q3T+#)u=RL{`9h
zh-}d6$XFeY?UM6tu<%f=bbWUh9;ChQjx{$N?`Su~sA(*l##zJU%Sd_9NG8q#pvJce
z`wIiu_%A%HVG_9$!`_!F!A}&vE1TcUL<uWRnIC7<V0eZh)H^XjC@?`12CdtzT$dBX
z;0A)+N~K%*F6<U^1r703S_ui*J`p!S)N){@%IJTtI9h-G>GB#Ld8y)PMmS!ce0im<
zYu<VZ*#SS$akb+B-_p5{?~26!zNRslcAnq3yL0p3BZLb=MaO{y9nk~ehT<yp_cVNg
zhWxpK?P7cKyL-5*`Cy%J20nnIrotO25JZutp-_qs<QI_CO2R!%!{*(;Ye!wiNJlf<
zDx$hv+nk|5#u1Ra*8$QtxdQ08Bb6}PcabQf0UM{(x7!VZa2tjS?F+BQk};v8s^ar8
zGb$K06?;wNgC9D}z{P{9qp3kI8s@k3=ruj5UyJzk#APFR8P4)@#W>s?UKC=XHQ<q}
z&PrW1%s~@h-k1oJLk%b5*FrIF1h08|Sb`o}9X%lGu)X=dF68B&9+*$@&BF1h$}Cew
zb=DD{tZQ8vlDD2adSGPf_762t9~6?<ik)5!Jz$L;JtR7k9NQCy2TfpSdj{D+28pdq
z$@cG2#9M)!bvd0Ydkc#2Ra}mRE<>8jiSme}lW1+w5Ta&OstT+DpMwTW0}sBbv2jz9
z4;!BRS-b)*uGzzqI12j}5gTq}{p@i5&gLd7Eol-TDC3fXjBqd0RW50|RD`xfMH7oi
zd~gTBkHNT@&&P(TX1)TBe7?c_j;&pZ`i@BX_DCe`hjAoQT`9RE(&@M@bzL7;g!Uhq
zy()UKB@uTci5&5ihHXFu<i6hEFRUEl@9hi7UzTgMWMbvNV3qgnGvoXxknjy%I}4xV
zKF5=Z>ruye1UZolJsCFCH{RgyX;tczN`NmrTlad-sd>`Lw64&*`t@tnB|yOy!7qn$
zq#w$iek(pK{8zSx-H|`gnr$)#Syn2!BpXoynK2z12ACqlPRQ}Q4$1ZQZXjZO1UUdJ
z&{%_YhG9k0jZQ+SKovo;A>Ckfw0FawyVVZ3?pEH}jYAg_mRxsxBG;{`Iq~64SJTn^
zzE=A850+Pa^2GLgqUE8Aie1C?*-W-_&&zZ2nFEKqcI4vQJB68CLt_794~^%A!@?bW
zZ%$OoPV@?Kq4LgR(~)sG9y@r7Zwr|DI=US}8jjpx8S;@ouyCu>h5M-?Hl8oFAl=XT
z1W~OcUnUM{Xse2#PGdtTs(981kE@96ED~Q_wD7Yy*DHcwDdLc%>l}Lpb%7!758g4@
z-@Bt{+t$vGwk^#~4fW+n;{!MiV~?bjq>w9jf*>{xf))~ca*L`$dni|*S?h8GCDE*5
zknGdWqC|A3(4G|DXu3TsH14dQMv+=`ZNJ<mhO27Ct*M;m&lV1p`KtKQrk+M2yR~)Y
z36JLgdi6IB>9G&qjp>JmKKs%SUi$3N-zJ+JQf_#_+ph<!ltB1(F`H^0tY~dc<uhv}
zf9wH=y!z*V`amRd|KpP{K78k$55EW<(>dpTsSSIq0@+t@epeH6o7*hh%+XOok-4n!
zX{Z>^g~9R4Fcg^=5lAF)gyHO0Afp<z8goX>N;{@Qnb>+dW~G%FJO><XPIi56H|(YX
zI|m00dc<QYqW`PTc>;;pgPJbCB8O4<!~=I<fBNK~@jH9@*Dn0gW2wfj?IVeO$M~S8
z)0skhMJF=(73IR{1N`w*`yNPET=?3FA!}rNb2@T?_Q#E~At!2rU%1VJG-b#xkqs#_
zlNC1Y_)W-5;xR5Gnh264j3DTccmj#n6|*uiS3CrWGy+A;*bX0wM|*AuM}ql##q(s^
zAmuH^o6}sWLTgff@uuS8&WYAdcmS52z~0!xwzC0tgdJyR*}d#D>@xdH_EmP3J(B<2
zK8_RN086rJIaz(IDiII)W!Z=Yb*!N*6)PiUK1r+y2Q&#v5lZE%z@v)5YB(!y;x)Ck
zHN&WCY74BkrgreDr>=bC>;K`YuRitFuRQ&iPk!l%KY#r4BcFTdGoO0!(!C3xm^piD
z;>7WLMvo2;-Em-G&+eVuw|01+b`#FFJB|}j8mCNXZ6n;U0S~2O<A4Uf6?x}6{YDzN
z;y;MrNP{ug={Mpxz+J>sc_bC#o_ojf#c}U%__}=f?(;q9!*`$C5_)_qNuQ7ZgKy<8
zd^sP!UdJ06wX^}3%zO7|F3HM2xb@|=3M1|WJn+GBak+8R2ghrhnrg+TlTF`uW_-wf
zI-{@r&yS#<*wF35?vuxzH{3aVuMqDK`6xK81gOv){5^OB><=WRtM9X)Vef}<`rhJX
zh%)vwi~@aR3`L4D8)HNleLCpK)xDk|bmnm6GDNf+){|Ga4W&D|1ypOi;pV1p5_=2y
zOH)pAG=-R%<O=1r9wFDza9%aRH|2>-qK!OJM2raGF7!nHcm?ND#3#tOq)}z;ZQO3n
z1w=nCY{+A=V`U0m65+~AJ%&3F{b&$@ARz4zhc!*YfZ@t;Wdh!)JgSAXP+7pQODZn5
zWK1DOLUgK)TU{xX@@^PON4%RyR7<tGtVlP1?=atT`0(eiPk!qnf9c(CUA*}79YXP4
zd{zpd=PzCV_Qi|Bm#+Wt-Ak8*hn@!e<YmA=ofBNWce9VNLjJCU+XPM7oT`lYxZ<3B
z158x{YEkDJQ?!vXzn~ypr+8MR%P^SV2-TcY8}1t%E!;JH=#GKCefj!yc|CosAZ5SE
zZLkhXJmNYlWbePX%{y?EvlJDv7+K(Yu7j0zZ-=^(M`O7+!RHw~scUuQi}ASpA^50s
z@q@Oiul(d%wInYo691*H<vKGfZJAEqMXx;H;L93U5>38_7c_mCe~xe~_tNtgu+Y96
zVOu_exvu|H>z>|Lq1>7B<MA4vjC~w;3FPmQFF>y%?%C_|DTXue+IbtA8;0&FF=oPG
zS7#(lci!EpNGby%=`=v+nr<X?mxWia=fu&@%m=U5<#=aC%w;<B{DoJp-wob#b;5I0
z(K>Q>KK8d*$4EYiz2e=ZbkI!-9h#kCy+l%6zG1`*XPwdT?4+?ox^I;3b8I@m>RC^I
z8`4_vFX1MS9Jp{6jN?8^#@-aQ0-bdB;XS3m6s1hr-;wF4PeqW_`kbUTvRR0v=;Ro8
zmk_*AqE8}rq&$W$^XFGagzY@Jas(3c7qB|dcV@0HJ3{l3&Wun|ms7D5pTFFh;mPaE
zna=NlTcBNFgT5`~4sH1sGZB;}SSaop=qQ3n3ce|nqFRfkU7h&7q1w5$>CSa-!EXzA
zP(*ET!|EoaS6<41gBfwZaczXh4lBy1KdmT-ad<}^1aL!}AG<-zpSTsB_nxr#cUBet
zj(pzpf3xk|$3s28VSbT*g<)^hX7Ov0TjR#+41T>JYtrc6#rfbJ=eJ5GT}S_Kq~Fpg
zH+*VoBoPN2={oACR#(N*)$8I@1j8)1W7-M8%d5X}=<v(2L%RiZ9*syif-#N+yjvKU
za&bhD_gAS%7u*`Xj2+-l@;8Mc;VDrOTg4&qCGkD!ThfYrRQ@~VnDUl-ObctD)PAK0
z^)vdb{tN#9=zlHH8hFBypqBl2ST}tHmPhV=4$znVa}I{#Ug78Ka&`gd%FOYTO_v7?
z@X)(GSOk8b2TOo)_Hf3Lk;4={SONa52kWdExr|HW$BzCA_BEGi9nP?CdN5}de3J(Y
z@crE$ECS!}!4lw)d$7z5e%^x>;Qz#fb#|10)r0-4p1<EWJ9lyZ^vP2TW@F!Gv%T%M
zZu7)Na~7!6Go>lBbbjH~?EE=1Z%)q6EKE#I&9;usPESr=YFTR!Pn<kIRhr+3+6W(=
zm_K)VcE-G|wQVDMU}9!szO*ngPP3i6aI$@2VbYwOpPe@Mdh?ib^Rs6r#ui#nEiBC4
zzGchWd^A7n!=2t7yU6C*X?BvGVhhY<jlgb3-HxC4Z)4qnPJqG$rAu`h_dq2!1x$&Z
z#~Y`do^xpDQ6|xv0d@iuQ-E997@pI>PqIs_<s<#Wpgf6jrZC$4Evatx_EEe&4<kG6
z%xZ$)R&aeQ>H$#CIB%334#&Z-E897C0bH~LyMVVzig|}?lkIgz{!kth`l7xw7-tOB
zt&Y|ffV~|l(H6XUbNOL~YkMD|=cb=pI%RN)%ZTSH*SL@C+|L8N3}?s?5Az6*@^T*I
zaa@uocm=QIRlJ(l@LHZ^%2;V;Y+_2gG(T~623Dk;n<&kXos!4!pC4zXa|@+;ogOU{
z({l?Kwei_|XIjQj&-)yUb)eG1!o<u1EKHa^D~`>cl;)<+pYu=7PK{5@x6IB>%s4Mi
z&6dWM^K(u$IW;>scTruq_cUIemrs_?pPUHN$kf|{iO-J*TvE58ot?ONVzx9tUIz0&
zJ$LT(xt0qP^9u?M08SU?OXp67?maz&AzJYNDW|7TUz%8NpPq5rL9c&);@raQ{6xTO
zVzP7ahWH?+;=eIm542Iq6*#Zrk9;l_n`KR#-BsuxHO+%Bvf$x^wsPd|g56ndH;xu3
z&BeP4wvZ|PCk-xpY|J`Qol4nk)MkCwo-3H6uh`pS^Q>(aCtGYGYmS@t%R{zQfA^I}
zuJ`qi^$&lnkg`(Miv`mj8Y-mh{AjglZzX8!=%~5m5|zg7MxeZwX}3{-8&SSIR4~EB
zV#&1ip+XTDllpXmas=gy)y2`#(Q2DFkB(Y48!AkUj<(oh*6cTJDN_PNa^FzFmaSe}
zv3kM&sLhKlwv@HNmpQ&9pXfEI$DN#>=<gr1#ikVSedeOMh_RR2<P5|*Tqq7zmxf0R
z)+l=OM+)ewCZW8UTWmRNt9{K^VB(Hy6f~_~3o5pHOSW)g(&l3r-<F$NY&B~Vlm5Q3
z7bSKABw#aN93_(C9*0RSdqwrLzW&~()Vi{L*&CIwyQA=Cu+RsIi)R0#RicG(G{ve(
zo3>dECfB&M#f(+j<4)nf#p`w*-onf4qHTOBKsICbUh(T<e<4+ErAC`lEp}OUNf7$&
z@zS0aJD7z4rfCQI4v<^`tlm+(j9SBJm7&#QhcHaoQHco+jDc-C*jF?ci>4if(pv0r
z_TWfiNgCfXT4$F{SogKqk?g_4g@Z?2WOWMoat9yHF0oMGU4^Ak2<unswL{Hhq%hsy
zr2sw3@UXdol@K#Sg(b3FD64l7%S+QXr7XO*23NcN^a^aBdPgD20Qes$Vi9jxs#`4J
z5@Y2SRNQB?omX&a=2$~{mMt-%f23fCtX{L<_QNQ3OkC_Wi<thK;V^zGXT80P#igjy
zY|l4Wr=g}8WGioOvE$h#PPG9&Q=P~ziBwl)mn5nyvr977RoNwl>gw#0N_9<kNu#<p
zyX2!fnPqla^S^<SO<*L60ZcGLbqb77odzRRTVRChIxs?Y28>W$4@RhN03%d4f)T1W
zXU!hR&YQB3KU_5XNEftdCDit2GOFgR-PCM1VY_5usRJ;no9-8@wACVC^?NB`FD-V<
z`WkS<&NkUR-sWhzb)!~p?AnqwyBt2-K*Re#x?SM~Zps$nnejJ{``xqC+Pbub$05mW
zkQ<EN^pzs4wzRdyZqK$RdRpv`KST-(8v}VKmVy}>v(+4+oe350UtAop2H*(_@Y(Qr
z*sdKM_c@rq3ogWf_2cW1*uK8ziN#jSG<y~?R_?=Yv(+8LmM|u$OuI;%Ie)ltRWL=f
z`l?VbR*m+OgVW$DF&}2M_F`*c6>r=p*wnn)_2fcdaon=SzS1~+jL=uA23#D)#{AuP
zN?-|I*V<d!T5Vy5y^sr)GYiJM$s}NeJfVc$4c*HyB>3&$;RGX=@N&js0#Aeya$z6N
z1uN+$9hjJ1uJ?3c^*}XS9ki`s_nPKjYk(%B)!OE$j0EsB%0>#UW)A`%aqJ;6*oP`t
zGHC5b*LrAm7wV(NRkXa70go;A?H&hxYfDq4*!#O8t}W&EtYx;6*7m~d_KdbJ;eQOU
z@p{(LSj`X7JJ!(-_1dd9(Cp0GUCnDfHw?NfYv-C5VMAmri`b4InHbB`YByv4yrV8M
zz%}iXaaq_Et=J?kkGtV4;GownbxqzsY>ERnGmL+W^^xAluk=`3t5X}+J2mR@*h|V-
zQ)(Z{pCZi@i=G_oBJY97ad&eflw%*3x7xR1FZSO8zZbri$I9(?&<telPE`9yYyHrx
zxfd~OO;7u?WRCVesP#bh3S+wg90b4#7|dSb4(1L34(3jx=|$Heq9I_2Xb3n=Gz1J2
z%}xMEh=za>q9Nceq9NcY(c}UA5z!D(AQ}QjiH3l?iKY+0$B2f2dx(aBj}r|6$B1SZ
zfa63%K#^z&C=m?-C$e_;x|+wRVQ&X|+<|%kO*r-h^bRy8v-Z|?>XX!Ps82Z%QJ;1o
zB0ZC}x2=<&rG`T~<v>I_?Lb62leKSOC!M8+LptX`MEVH_BGUQnRi7lRWk$Wtwl-ml
zbwl@2sA*wHvVSm)1cW~dr|hQHb4yI_h4ie6fUEe&6U~KiGe(fo`yJtBbo&6Sz29MZ
z7Z%x`r8@rbVPuUD7na2FJxle}`i}M~9QN}Mk0Ese36kT{s{w%rnqK6q|IU^^k3g}9
GvHu4?F?2-$

literal 0
HcmV?d00001

diff --git a/res/font/ffz-fontello.woff b/res/font/ffz-fontello.woff
new file mode 100644
index 0000000000000000000000000000000000000000..da9d2424228974885dcb6054f5b90d3f353f8e11
GIT binary patch
literal 7408
zcmY*;Wl&sQu<gL$?ry=|HMj%`8g%d(26qn@+}$05Tkzl^WCqvZ5|RMH-3b!p&UbIU
zAFr!c?OtnlpR?u1uIhfTt*i_{0w9d$9Dx7d$k+CN{6GKyHx)et1pojEgis|B&}T?s
z3DDN#6GUj42(E~Lp$voGDbxkxj?h*RzyJV%oJ@egW~i?>0|0=$frueSfB|js1;y6g
z&IO@e0|2P0006dod|Ilp9mETfixG*4LFE1~2<)8wZ4quF06^dc08sL`E-V1;Z6MYN
z9}xl&LO_(@O~Ge-gox0D5u5=5W(;|h0DBj2KZK@_;Mxdy+aA9hI=eyti>p9zss8}#
zvQ%<`_#ysFxq;ve{{iU(PKqnU#RdSNLQteI#5$j(6rumz-MqX30P6qNcZ$%hhG!2~
z-92p(xiknJ5P(4RjyzYdUm+B14F+#m@q?S8U{8-LOvuKB8uu79)d~y=1*A#|76`Bj
zNvDMYhk@fQp$>Qqwh^(&09Hv<Rlxt|o<a&?uyGhnf2b`cEUXk=K}ZJ7Z*7enFW4+7
z1V%-2Xym}b<D-x<x5az-I7Bc+Gsut2K8cYI1U&x3$wqu*CtX4dC{OTa9SjwX_^~X3
zOn8YIM3jtr`-)NU4hxU7Wl=g!=*p>X8^u+wb4~TB(n9zQ_zxy0mGDaVqww9G&g%7j
z=#~uqWz~(y-rHzVjx!tMrS^u;jz04|9j5#b-tFpp#m`hpTK)%n-eS_fuQG1R2+?Ug
zD+0ACyv8Yse+R%>j8^>zc;5fIf-z~gt%^TvCBKLcKRZ}>E%qe9cudM<6Ion;6N$OS
ziS-lZ!H6W_L_gp}{{2L5@hqM(EYGjiw~5uQ$<((g)U8c5v9^m^aTWmMoI2#}M{*4%
z9bpghMW~Kgi^x9FJ(vr0J^m$hvma0$Nq)aCah>HsUZsD>=|=b8S;_&42u5kHWw9fX
zh@64H5ogn2=<t4CnS|C~tuT_C1)IkaGC1hatjy{R55<&kg)*2IHe{6~kVqc%UBs<#
zSYBDLdhLq^o19VeF{ifex#wq;zu%i$ocw7+WRkvueUz42z&Et8#F}(0g?SLIIq@!t
zT{7^MP5jt8>N|pl?A1=%7$qe}o%Y6NC4zr+#`)Gk`|p$|Ix37b$9bd=culwDzZ$Fu
zQ@tK<ku0sS74o*1Ze=l`Fep>4lGdH8vZ;CCQse6V)<0=9rPCj)#puvWIXt7fMs3$N
zZZFcY#UAh6`iotcIscD5iGSuI(cX4ECeAqeRO;n;HQ~;{V{H9Od7)vmddK`@AD@5q
zdkNVVOSg9&+j8`y$;TVV-Yk}prlyczZ5b!*`h>pA?-iVX9P7W>rd;ML13S3{zs@9r
zYlET)xMWKwpI;gC6l&k6tCX9xrV+~@*=QZB%Y-d$#d3H|Q5etsp2Z|wcuE(-`I{?4
z_js|!k&R7^>_;;Zpu$p!LCgX15>{K~_XM-pByiT=H0Fx$_?Qfu_6MJ=&gOi#-_m(+
zC1r|FYbx<>?808RI!~i$Rc)%A1Gg;Go7Hc!3CJ#6re@&+6^YAInHRSmj#Oeq=J}<r
zC(kX}Qo(^TRZjV}o4Tsom&c@H40!Xa{Pud+u&aAsZx!$QvvP=Gwbknt?D+$SZN3YK
z)g8t+2M-67!5W+LOUQz0JfZ`c5$JADcyklW*)&nhXe*~DS6nq8mXyvbkp5B6&}lDn
zU}{9=8pImPSv5ErXOAt`lhuwcyjRRO?5m$giT9)-AL&c<c(N1{%FZR~TaTOn%)~40
zb)t?jPZLz&Bb~ooJLHMvVe79|ZJd2}Bs_8nEZQ|LUOvE3H?1z`mR)cN+fjK<3-y=B
z&i7u2rzY@kBjcs=M^*wAK^Eb!xJhv!-581>G6=>53q}7Wl%n60GP=39-ez$@Pi<>8
z4}|8d0Jch|>z;hG<H*^qukgiQ-%+uc$Tdr!WV$ZIro=+(GFqaUOf_dT-%{XvR*Le@
z-4ZE}8<nIHtmV*+KKZZ2h3-;9lq~AY;*vhgSF5Rkj8Es((Z$Yeb)vO?-kLen2GTvx
zmiqc2>}zV(C=mO2tFyZuV`R$fqG-pGEX7IZNvXCYpNagB15aWC3S>G@cVZ+|*uNsQ
zjMa=!HtH9bf42UTjPMjE=2jCByLvFZV`Ta~7o281UYrs{=Z>2A)@H>K*g)F*gG~TG
zZ;g2x#l!TSsOsv<ca%6>nyXO%t0ELu$YCAsw$`6$+&ff=E8L&WtSq3MJLdGw@fCZ;
zqiOY~(%%~UMA+va)R3k#g>g3z9A@GB%3vIQ($ZQA5z-l9UDp~k%i$kAE(*hV*G!zg
z1FiL&10!U&S?Mm6kwF!)i{<4Xmn_P(>V5^=lH{Bf^`XKUL<B+t*S$Sb$G@12397gN
z^*X7t^p^7#w+vzqci-K7-8v?gaLRY>VWSJMoUi){A2Q=^{_BD_r^`yda07|LEt?ps
z)H$>fRy*rLry!%4In#+xdinIQ5>(7(5H;(;ysov-IlBkOdBk4{QMm!m+(P#~ae1e2
z^NByYUjK2<Yb+x_s@@mlcWUT1?m_!C;|<(=rP7exHI5rpjph+h(M@ykY6JS4bQ1~2
z8alK={JTAIR}WBrpC};%+na>USmQ<T?DDVJey4)rc~Kk-#=z;kD1zXHKB0Vh0}P1S
zSP7hBel~#LI1QSmKn#3&5^|2~bqWlcpg|MxqF|ncG&dbA@lWzt%$S#S$QzUZ^|V31
z1~zr{Y(}4x$)lgX%1=JS8LFOZ4*sS-5cA>O*hS<%B*<$#8O#^Gx)HOWI6OlWxWPw=
z8s8`;Y|y?X2IXL(XPP_9?48Bk;{P0y>joeJkX~K@_<n^+ASZX4#jL)RzE1l2`INlk
zQ%VQn;=HBF(e%`$T^lB2I_hR-CaAGto8YUClEe#>j-3in1iXr<#7vGdp-a?QK^67N
zBs+>xj;F%cT)l3oqBXkCnG?S7tQx$XgZafe;l`EI#Hn}BHzhJmJZ{0u@<Y{Lq1W_%
zpBFVGlJ_P1F`P!Fh<)CEx|-Wq0R>-AgCK9fJuoH1mnM!S5Gy&(KbSQ8jb45I2+Qok
zgV9Ehy;;{u_cr-%?xK_QEsZcVd%r<@uj>An*X}DLoZ^tR$Fh<iY$&NS2a(s30mK3L
z2Gma>w+(tK%5M9dtOoJt{AIBWZ}Auu@B}gSBE5y<31a(hlbX)H%qM&7{@r*Em?D1d
zPdRfi9@4VAbl9%jqEF&NJACts<`+g2%b1dQTK6Q}RpL>M->g#Rm^{KE?cWEG6jnBj
zZDvmq4wf+EKm)q#f4C1hV6#4zXat3RF~Z<>coQzt`f*%fF)`PLb)q$wC@UA*HkL`C
z;iH(fiK3jID8NdTqLj6NnCV<#Qc$YI%u?pb`H2YV5G`Qj{M+S7)5n)Rnl=qbO;msP
zBG$@A%vn>T+fglvDt@Ojoye#>zMg+b|AtxHooBPYZPP;EC{fjfNOmgG_tX5_iu7Xn
zu4oZgwTsw(7FG^5A`#L!y;6!Q{q*k5f-&dex3lkbGB~0ususPuvnKCP`gW9mdK#*H
z*X<%|Zx_eW;42$8<4I%4w=tnLWUi#3<uGqCmv(i~Vy-et%WW`?(;7&4n=fB04_B%u
zsG^b<WglVY6q<@%(T`X9L#8M2$H5q?Tu>Bh!vpall{5sMXxVZ2Csk8R&B2A$O$#hP
z3tGJ^QzaBB&avX6othk80F|=6DyWUkPC4rNZXG$gGm&#UJ1-nhlBp=2)JU4jg%;gL
zsZ68*QV=2-DIqQjQ%y>LH~oH7U|3hWYc8gH3lDM}tF#&1mx7~4xhWx7F&$C;d_rO-
zJ|9?g_4oAOu=a^dD*TD<qhxmo!TOyqvaI_a$K{Ea_Brtsn`95M+q!t$*@c}JU9Z+^
z*WORl)1Obi$bv|-6A3w%<zMVkBuY%_9fg-D31~NvnHQKyA}r7e&~L;^9T_nrdWig7
zh}4J*lr^lNn4^Gi`xEtF(b;I$BCdvfx^$^w2D8^+=vE*zIF$W9Bd~sqUmxLjWmUb6
z_W7O~8Iq(Y{e$Ivg%oTV_}{#P4*Qy(?)tUyE(52{9!LJE1tVU~xX%oaYkyVP#_q=K
zw8FQ`f4&?Zo4+r5O0tKMg`w`jrg7Vlo8=Pn@|E%cH3h+`bRS*!H+;hJ!V-K0SJ!4{
z1RYQAV(>=FCy(Hv>K7<A6bwc!Cbc8#WjrV~LuLW1Qk^E+`!Ag(UtU{0HMStLouydc
zK*jTh=nr=#r|@rLqjqBG(xLek;4@l1?dHa+J&`YR88%P)ZA4No)q2T<2BdjH@i(&S
zv(YB|*S~V#<jqGMed34JnB8uct_DAII%fQ{c(7l$d>&bEdc2=50EbpTL4cQh+v_2+
zFa0WBUUxS$+1Cc#m_fK<(y=eZl%r1K{3D^AGvDD4#dV4(tsSZ*pxP|2Ctk`KGRA{Z
zg+Y<?Hv>a2jxdVGwxf>X7_n67xzq{I1rGXWr6a<jI&;c?K#N}l+30|taPPdm^n`b8
zUr8M3nLc*srHXho62yxwW8aBM3dg~V0^4R11^_@vNaV5L>}GE+D-FBywS3*$eXpe@
zy&A)K0$49lveD?YDQhz;9hB;?z`$RxbByIay@SdJ#;}3p_gbQG2!o)lL3~EJbrbJ7
zd%`V!i5z8o528R8n&Nk)B9@bG>umjWRP`YM9WD=Ej-0%3i5A`u$NzkBB(u-vb5F$8
z`>Lih*mRJ6gjXkLmQgagZDJ&giHDnTPC5UuwBl0b$he7omMfZCZ}TIe$BE7C;{C<1
zc^uvQAXQ8}NHuuibWH|BK|N6v6BS)+fjUP-Rv_U%f({%zndPD&X?I>UF!g+5&Tw85
z@6yQc@*Ah!HxoZQlajB!_dZ|ba$A+^PExO&G?4=6QB;sCCBo@Z>oLhla^ImMM*_%%
zK}cl{KuTmW<Y){}C!TD0S?E1VBgRq`#jOc`2IN)57;I3Q*!r-MqtI~ss|oYkP@V)`
z)(%gts6lppdAw_TplSDzST~VgkFeekCaz|eK+*xO$ky>}>w-F+e>L?`p%WLIDydD?
zbSf;xV_Xd_y5hoKm0z8Laesqd&j-bABi`9?yEt4H)ya(dF%94}-WDAA5+8Xo6gW;;
zFdelD1xMLihqfHe^UR83moN;ruFq2(hou;b#;ca;Hvf#tWryxFdy{Am1nUUz=3oa)
z#F``ZvCvcfm?l3mu#dbw++m^6%KT?eHPJ)fdRkvFL|(ETrZ!v<6_(q}Vkqkk5xIak
zEly!wgboDrRmy#&02{eMS;~lx+iD*9Ujwk{mE>-a*is#om<4w&_m=CB;^gtDSEhIV
zod=APA)!_(@lI<ZA3$UBeZZhB-IkEITBPLKBl9aV8HJpw<`<JG`JX;nUQNsSgo@>?
zv%3v{;$-ssdh#gv+h#lB@1iLuR|qDFmTGISzn4UZaYX{j-I*{rEZkXN;b;~&2{!^{
zs2{5Z0Fp-Qry=2rQ}kB?H*}D`Ad@qfzBH(YZPS{6Yy7;i3yo?Y%N>3lfE7N<PvH5%
zpP{!1o7Vihzw1i?1k1;C#t2`H06dTd|F>P3;i1~fbDx`$L?~ADE7OPXE44GQN^Gaf
z6PnxeL#%xzJbRYR+2Cr|97+fCl<EG7)2B+~<>0=V1g>6l{|q(ma?i2Dlxy!D3_k!b
zgY57Bh@2~0ZlHr{+iE>NklL5+pjUYMXc2OV$5?YtqYi6Z93)mgnTcV@XP><+5Wk7A
zW+2T8IFDGrj4=8RURi`Wjz`pFMt~w&QCM$N#5bW|cc=H9W>esVj-G1*d+>aJK38;^
zI3Eh$I2)*LL7%YSHZEbs%m%5sIhUYczsrwxY)d4*G8@_B(7Q?)?s6IRY{&4F^zUE`
zU1lkoA)=Ugcj7r~ZjO9m;98kkSa^)$oJTKlICd>(K7q7ubr@{1Ww=Mgpb6Bm1?+Hn
z17oph%!k^1A%bQ19^<d`8Y!Y>IwY9(DvdHvx?=t)4GnF&y35-24f0U3TZcNZY>B*3
z`ubZl7r<nJ*waqq+#9MZr{Db&T3~jO{vuZ#6Is(AN6528?>QPfb>Fv;U5gXzn=~by
zIVNCR#f3&>4Bt*tIsTbC+aK7roZ)P%Z0T<5lvJnK;@}n#Q!WuCQ;CKQQVzxeo(WPF
z+VJBr{-|xR2=f$+EFJXp6`f&WDd08o+jCfYPCWU*u9{8JXMV?U`G|Xyz6rk$Y=52O
zbp1!6J@BxY-0fch^kVy|6aN=gLc!SfL!6acshH0|3SP^Hf=<KbMIs=nXS3m@GQDiy
z7x|7f9zVUL%l#8-weSkp;)Aum0+zypznkp=9kXL_8Htq_Z1BfXApK1lCzZmM{rjyB
zr;=YywUOgR$P@d`$X<EG_W)*;oP&C-*a?pOsD5%q@yRlbP3C^PjnoPU3QyDr2b5mf
z4x8iQq$9ND#@bAyro#hX(k-3gBX_E3nz1XK+94oOq&3o9c)ta#Z1T<NLVQ%Esh_c}
z|Hdezs?r-Vr3azypj)4>6;3sN02y6Nmm3wQ+QsZDCr=TUImxdQbsc|dPvN|CU#gn!
zmDG1bOrJiPitNp?C3pBdmI}#AT+Q5R3;hmb_ce`p30Sw^>ba3QnYu}2`4`}s)So^o
zW)jiR@NBd$<@ocqX!U9!#;x!E4?W|;X6#}rRIR2@RCMXRqKj9<w7q-g298iNerN)c
z83BMVLJs1G7OPa2f$=?fp0Q^5u`wUJ(wX2jqiObpfb2A_93EhW3R|EP&qFVK63LcW
zvp+5DX&QA8lYKCmgGzFO`))%rd9Bs&;rq8?F}FcJy61!uFZ0DPH8*QEI_znZabwNc
zmd}sp$>nzoYiZ?q+keR2=x^E311|qUu2FxMupXkBbuFPgmFbx4Lg=h$XffQ0k4bl5
zO#<XF8TOe&8~9T&uIiF4-4(7v87`~D|KI|YdyoZ}AxPLElfBuRMj(HKD?E-;gWdG3
z_4|n3yl}3{#cg(_4)pF8EZh=E8|{h0=Y7{}hJ2NEmFY6EnYdvlCJL>{0rrSh<EjsK
z1v&goiQUPia5_N;RvQ(AI949>G#JNrN0)|sB5`K4&=ywV>AtGAT+V5(GVMWfOZCU#
zr^TG-zXx_7ga78uuZJ9tvGw^lJ`XaD&_6!31fKOBeL}apUGw<YX!>45GtupbRM0?l
zX_&~)l4S@PjO-4rA6YAJqn&G{l52QFUzLUe*g@9Fxb;MNv}X75zS_FZimua3)D<4s
zj(WDYSckP78=w*8#9Wvr-=6o*;L)l5-n_l4f3e5If>6k&O9cB1zCzk=(?D==Z3G)0
z9DFy&8&K*rRB2B8`#0^ich$cUcxQ5q%iUtgOaC0PB}EL67K(bqkuyUDmZ#(4CQ~rb
z5=EF`gqToqA2^CnthN3r94oDqfql?a93wh!+DpmcG3(6_6H8tKr4xXNqRuccY11FG
zLj1Q4um1*t3ZmZ}8w_io;>VXiS&?3Gxmwv6Hh;9wJ_@IoD^d+((#TZk6!T>f$ac=+
zN4cA1=p;3ksF=qf-BXR8{mxF#7iS$cCRr*oSB1lXY);kA{U&WA%y9gze`@1Jt`(=P
zeu{lMH~bZSaQJGK_#*40Bc9B~YZNt!cOxCg6EY-NK0zMT7VR!Sp$UO&QsL7<m%C|9
z-%M0&Wx~GgUPJFDH%(QNQ`yMZpSITm$1diPb3i2_&Ogq4u5E;W-_2<{#q}HQ>UPBY
zyZ>EGoAmKl9>Cfhw-#0q&pZmBwjG?{$M~i;3w^f=_HiD$&SC9vrCjs=P@bDYKJ?Ko
zHh&tgMH~_XHh3ZSGK(%RoVFo5UiWO+;`>TVWY^nT6Ho%D)I1<zN1b}C9>{<v&{K??
zT-jlt5CtZw-!W;{8emN=MqxF^7x3jQSls$Fneu!svnReIY+33xZ8M_Gc*d3c=`1M~
zaMAfe%=wt<Vq>{4U3Dw*ij-$Cu!cN5Kp^=wwFHXYTIH3fpR0m<f196>kYU40w%?xl
z^pEcF-{G#KcdxA<r6f8*<&vCH>U*!lR<YX*YlP3a?8x1aemfOyqt2q<7~KW#S2w5l
z4%}U9zBTSu<7mU9yfJ*G#uv037h@MuEpLjseqi3$tKGvE>p)973x@J!wwHX1#AiU-
zuqGq1i{&5HtkX!y_>K{jqRsTZJgCi#o!m>5q}@?xVU;Vch?s3esVl0Xzk@E+M7`Ai
z(bFp(XG6nFazDZ{?6-fnE~uBFCYFs0HT}4LEH#dAdO+&4U#X5idRx?vyL;5P4;#yi
zNlvZBaArn}O(FSOSVc)^iSB-OSDT5)oL1oZT$Ke-5SI#GQ<-XLB<H`#Nx1=zmhBYV
zzHlj&JqPUl+&IVk3YQfdk(AxqX|m946k#in`SR%nKUWbe>Hli&U@%})#MHZU<mzXT
z&4z6-5(%V>_0s@m`Af*t$Dzw235?MlFc>)w8KA+0z4iZc{;RvgV3)Tq%P*G3eL{dY
zI-%TvE+h1QM9n!E4uf%zB4)`|`R-mmN?g8J?xHe?0)ZJKKp>Pe^=b3P$Tqb{wZ`N_
z$?F=bW{TKgB*GXl8d|gyfk0|N$@2@tq%K-15&;P_HKL_}u(wEsNQcNe$R$8DATLk{
z*bBTy=|Fi#HAG!Svp_pVx4<C42*x<Z!ozaJ8prm<Zp2=|;l;^C)K&lhTENu*^>zTr
z06BmT0MSJO6k#KJ768Ovd{QUg4#<&2ztpyuk&<I=em9O|tRhcUFv_wzGO3V+3r{sv
z<q75)t{R>5TvG<ot`8K2%)bkti&X2on#vQhLxa7NdDR@;D6z!dJZ(S4a=bBoN%mB<
zBX|$L6s_}XH7gD2=#5eD1vPGBxYaX^e@Ps^Yvy)m)Z)o;XE4d`+;`*28B59T^x(G5
z=DKdmzU3!4%l;%zY-uiHzAv7bD0OBrYWsCIeIQC--{X*Vt|(9SK*QI%M0blV&QnSR
zGkj-JJLoLt^WfqegYB@U&!EcIKMM&xXVrbaNwOv<*;4~m0%169`J=^Csd^2=eRhST
zxei|pxlU7fNvc3{Ov<qsXheH$<d0(SRDe8lsg&t?NA(mOX3WC8wq}GoLX=y0DlqoS
zo4mACTE9oFeIU2TjoWiENvl@BV*qrCRhFUQZ?YHPkEVe}F`HX8hra%)ll@y~%H88K
zHK#5|AFQJHJhT7w6fgS>y`WSnYh!LxGac`?zWjMyr`kwEG?ox|;FA2)GlCyS=?4nN
ztH|qM?U&FLPx(-EXrT4H@cjdk>Xp8<>T97dT&M})M&Y|}e?j0l0z#|$RB#drwe<?)
z2%cEi5bfzjsEX7dN<P0K>a~k7X_<&Fk{;%)!ra$9UCFeVygzI7tBw`+P^<S0b=;l=
zYA5B%v$jPhs&3|4d)ZDZXR+sb)aN4&ab5MO4G77H(~C96V>#)Lg&l3`r5hjRlMR!p
z1cWnR;^HsPb!<L+M^}_@<q(>=sBt(Hc@K%Tq)a1iRToD&y+^Mdi7g|SZOvipX<Z=R
zBe(Tj<F_HFxuQjd^WErMk^Hw`==mDlosr#&i3w`CjW%3FgF}NehDuEdDiRgo7qkzf
zDCo|mkYM1JLE}%Dav+~aDiLN&ojPqxfFt$W+PeR!>0cqFXn~h9SuuIVPbiBJxRI*>
pflLXCDxRt+s%p#x&btt+?b%iM-8Ubg`k68-8aV*Rm+2Y+_#b+dyL<ou

literal 0
HcmV?d00001

diff --git a/res/font/ffz-fontello.woff2 b/res/font/ffz-fontello.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..5a9467171923869cc891df02364cc1889c2aff5a
GIT binary patch
literal 6256
zcmV-$7?0<7Pew8T0RR9102pup4*&oF057xv02mkm0RR9100000000000000000000
z0000SR0dW6hAIdk36^jX2nw<=stW-&0we=;3p@Y>AO(ee2ZCY@fd(5%DmCMnrGWDQ
z<&5rq39|qHI)NKQp?|1lAV}*}%wk%x6fzQ-ofZlg?yE76LZc}DRoC_Ro5TgpQv}7V
zq-WAKvwIvn|Ic<yDn1+sm(BrbkZZQyDTSl>EXP~dO>F)bKmQ#{2~ls;ujlPs6zxhY
zAk)e+$Sli%YwI%|AVwE*h!9=oe?SpNlwNpsq0%F?MY_s@?w*lW`)^{_gUt^z%LHp(
z>Kr4CGAEe>V1TySVcl7rd03dmPsG9~45H6S%)my(EM$$V2wY^d?Psz`=56y$Dwm}C
zu*&9NCZcCiATyEVO0Gy-CRS=Q5yUigl-ezSif`FYzf-1cPJnBwx|S{Tk7+JF$yC~2
zcZ?p181dZmvLi!1+Fq$B6TW7ZXCPgOjQW(Y%~DV@6?KaGx@vUc|I=BvGvm7p5Gn*k
z$6eY~z2{4^Ju_Mud1>q=dC?HiqICq^rQ(V#FOeaP-CfGm{Q8uA>MB)=steR6^Nb*X
zz}MMUj0|L3e_-?v3wS`8FrwDRM}Haw@R(r(wPzol52SCurmhmGpdkkeL<8maTZ(c3
zXBtIkTqZb`7G+xFX&ECyJ*tiap7vexBeSA`Q)3#CaZlVx$p_-z&v!JryQN&(wLDj!
z12E}>0ZjC#R=%djzrqOFgfBdrSMvfO#COZrz07oV`t9`OjLlCk&Gcq|%-&I}L66lr
zU&zgsle7>r=bbYT4p+7QKRiq<Y#dxX5+q5HCWB8vmK-5@3KS_(rb3k(h=tof2_RP^
zQ-dBm4S}A9f}Vx}Jq-;#4HJ4A7W6c1=t-Ql35g365)URM37C*1VM3CE2}v3zBpH}c
z_*jtvN#I*=A<4q}0!a?mBpyHrKiNp~u%aO;z*0g|g!KatpaehPl$2rJf}{fLHY8P8
zcW_W@5Ub?D?F8;GRLjAH;A|Wv>Fqz#C*NXyK1Jq_j28J)-PwrJ^53a-&}VkqI0u(N
z*M>d9OAa0Z1AggI(7E`GjSips(YnXc*=YZBbmp4wf;h1o9dT;JQkYpPl4=g8oHKfA
zCX|>N*~~DZ&zL&kdGa&iJ!3xO19a|%WC1Ny=M-OAgIG!iC*nm)9s?Q)t>s*p+>MwL
zuq1Tdn-KSCSf6_8yqZ-I)o2(FUc^Ud7`dZ0P@UX6v^vus9+KZ)%)3q5Ptj6_iVxz9
zHv=+T9nNC{o2xxaEX<0390?|fLP1rR$QN<U++#x>Tqwb_f4a6;=>&03m!o;;jOC!W
zhqaecSaE{hi3`D7UJa9p8FbN_HR_^L3A&VQs*-$xfg`bO`e3M)VfCAnC@N``*pBM3
zR#>3q*9cMQ6N6@qt}&NZoF|2<8j<VE(31w@5=p*sX^@hTNG0$ooa*h#K=|TF>YuLZ
zHorB}%<8TdX$j`>@%AuQ{Trq^Qh)p53Gj9=zCB2hjhhE@_spV_=^jNgJvmYaGM1o=
z(omCooJt}a6A!W7SOu3vYv@!9O{&~kkx*ncS&%=fbj1=EY|?i&p{ztrtE0SeDwx_3
zA#C&#x}JUpIZRcx_b`%?pb-fPc!GFPM#|s*Y?=|zp}V?fJ1y>AZSEvbh)QnNlSdUF
z6^KGbVxSVys7y>$Ar`6<8`X$|>cnm6!xUTFI)VFfA07aQ4FbT10ALXStN{QU27omI
zU?TvqQ2^S;pmke9<2^FIYtXzH$U7m<m_c>7z_{g`lY1s0O(g1sm1p*tTK!CFD=nT$
z`7bIPCURtbZ(titNn|DIZPU=>J~qr?icQ3d4~<xZKub{g1@VpDv}bj?o?r3I^1M5m
z^syVd<r#0$9NHV}o_0P5;aT2E=22DcVqUE#5SeWE>+Z?fq>AF>y2yk`=-YK!UtRHZ
z00p#e^~=7vT)pU~L|X6aS#RM|RP8h+v;>BjxcW-Yj`!kEb(<Y%dWtYxNg<eUs4ilB
zg*MJ;-XfVS#2(^4iuv3ySk5mwilvEozPqfH-CImT2OH~+S?$gkrANJmU1p6eyN@Z&
z>^qoRb}P+6YXfeCc7PtN-TT*a?Ie<Ck^hLI2{WLVtv~ZDr8zhf=#eqd5NJv)iwin$
zO4G}k*lOKea~7J@ik1_%v^257>(^C7NvpJ4Q!BK8O`et3E2$Qq-*#6zypS4Gt1z_^
zn`^uuwVvAAs)wtdwY10WZe*Qt)!8q-0XkNpYZEM3*C-eY?dd9<G0<#jnJ2cckYvHI
z`kU6(+Ow+O*jsDWX=yOSf5gP{pzH8Rk?VHfSYFq)F7=OZ3nIij>DD?Mn>>Vvi}zUh
zE7R_|1>ck_Ewj02FU`Aets>zS<|1eR8uLeVz)N9dYBlb9U{36VYo;hUuyP$*>tO(F
z1(-&N=mK-b7|_9)*?60<z~O8FI0pdE1>PV$0Ote1Q2=-na7>Z`JOu!r3II<7?viu>
z&j5gD0>HC?H%T^t3jp9b0CeR}>;#IK=f&g>ISl0EP*Gq@)WKn>uqud=7eR+84gsPB
zutBBg1oN_I9irR?hzbBu<vAg|>RE@Vb^$^Nz<`>G_jI*B6y@1&?Lar|7>yGTzm+5>
zA^5d200-)LWtbDddK}olfUvcs_}Ve1aDXTj3VqEEDhO*)&?}CA`4r0j5W4j{x0p}u
zZ}4u&9KRr&Ex4aIaz%HztW+<)qNuO)!<i*7a#3BbYW*a+>;ip(qoa>U>D-bSS`Sw>
ze5bvSimGYI`u+x+DdYx+OB%B-1u6IxR~izRq`G9aq*k$7yfCsl(kfb$N!u)|p*SVG
zbg`@DTIDLciu=6V>Xxjbj*FrSSp_jVnNX|@F}sGm=z7v+iq}Qcbh~BSLpDBLzUukN
zek9vo-1CO{F+((=kll{CdY+ZqJ$5rO`BwiXa+fcSc4xc2jqZBUl8#4R>2tX+tt(E0
z;*QRm{%%i_{VtXrCHfGr-QM1Y(m2Gz(5FEZZJ{rWVY-iuFi3=gax|)HtzCec2pKkn
z%)xjc<Ca#0Iy6V0C?eGN9ft?ODfzG!`Nee!7FvT$S*6>M^==|AFKQd=hlsAL)~*t5
z71J|9hN*}}Y}UbP-r5$wv<>5|v2yl7W_KyS2>`Vu%pH9dlTX~D2{dXc<096cxH+Qo
zq$_7UlW&ba<v!<6`^7fbR=HK7fo*j7%-}-tXj7M6qFO1m<|<iLe7W8B>s@|<bESJd
z&q@x56)eJeuhdGqZOf233USNrSt-hma7}HE-l!~{grwEG8<4@!iY74Mh}EKIS*HMP
z_MrW}x{%Q>!+Vt=>-1vEu3ANakA8{{QJX%>7~aL<q!ZyRuj?RX_%l>dwv{A{m|6n>
z(u}c>wY_Gg)##7_s<m=8x^Y^2%BK^l#aC9lgqZNkE^Y=ZSfpj~by7D2iuuUt#?_y$
z`d!9ryMlU*MJz{e4HunHOH0Gl1{`NK1=*fhj-=XA0z-Y(7FKGgMgsbf8xlEih9xhm
zEdMHc_uW%(<^$>zAKlRFn3GT8xFhQIK=^dxvyhE8LTVYMM1(K-Jnzo@&xE})UR-(k
z@%5?zU#2&vx8_|J)dxTNoHxeK{+I4;O0U|Q9S#&#EBu{X3PohCc5tYFVN;@eM!Uqg
zc|<mlR5M0M+GQn~J3P={?_+?DV5j^t!x~f6!Wg*MaR<WHbrk`$dIcfNxkB_<9Ulm!
z4kyhwW^buRTLDjVtDf|%i05LbV)TV%MtB9|>^08wm&8yFYoJ!3TW`o_jpTfUadH<x
zFulvUg2Xck49Kp8iqsFHB-s>~t`(EimXPG4JF#xd$P_m`dQ^h?GHD6>B_BeHxX&B^
zOizm%<`&7uGp7>t&xD-uuYZ#LpPc7^Pk|(Y7$>!KJeA$K0Oo(ewwwy3z~0I*+c=#E
zWz|07s8x4Cx2A%dB~7&m>TYaTGr9inlYI|UG}=G!e{ZiBJ-QCl)KIS@6f21?pY)yl
z&pT=Bsz}rn7`4OeKdg9@@H@d;crh^2@A3R97aL1}@ZzR4&;@5>r0XYuK`auIvgVv<
zLe)_MPp(@2qIq+mWP5+Qo1ljrZRBBU6$Qa*Lg4wQ3-^r#T&;a%xYqBPU;gcm$ReFJ
zbwB<_dNPe7Q4OR!zw7M%x}Oz;)qcFet94*aRGqSYj|ECglCKXNn0BtXyjyg4*CCRP
zE$kU{XXE$KZ-+<fOP`vhuF_q~`5vTCSSw5>QiE!Qre~D3!C3@j3u7%kXV>uJG?Bw=
z@$V<9UQ%aAkxX_2BU^M?w&aGkYzSX~KN8}9@?>7Dm@Nw{Dv6L{){sZaDn^3WX^upd
z6_6JJ^Tn}wCr`$D%?<vt<<MS84mv|}NHP(e!5^;hI0FN`4VWPoYXq}~H`2%2g6ZL*
z1I^req2gSv@<MHeLi?jgajaH#q*kJc3^D#_FnMW$fEehXiahwM>u1+NWRIQ}NI))6
zJU1|Zi*u9w-DrQX<*yZ_>NGoS+3?As<ZkiZ&kkERxPQ7`soKAL%03$#oL-(d<RW(b
z=g+M+Tlb5hSQQq<MP{DTL@UhOv+YXC^+LF%17YQyQ6C9@nq@%f0u@sLHtW>KK+r$!
zLxLjc00>(tO#GtTjg8VwOr_C&R(DL=O<he%AzTDezj$FznY{Uw_mmx7alN84>mNQO
zlg!~Y<*k@{lvj85SvR(TVnGqSV!fvj#Zum~Sf{~!I(c{rL@SFhYJrY`aN*`MCYf)9
zQX(?_u@tdz<>%%CtU#>O0xpXzf}0*y(UT0~-mqAPU>%*@Qm7Cy!MFuHqJu3wT*?fI
zh4bU1$#x!Ts0dL3ELcXF=WwVDQL~jFk-sN`EUk}9+%ugr+}5pBA}?^9`$9W7O7Mu1
zMHrhNeJV!XT(eD2U^I`tAeZcCr*@{@BngS`zdR;7S{MsrVj^*$^U+KQ{_%<4m-1lZ
ztw760S?w?uCe9QsllRn8hW547O2WO+n#HLRO)3pef@w5OM17!lvE9$V#%;y_b-}$0
zanfHf@1_)s8vc@6#9p$&l5Wkj6D|-9>tjhXfgNX`h|*t}R)V!BWKW(<c9J?KU!O$&
ze!%Im*xW{ZDTPT2=LKl7+EzYFF^apVv*Z4bxqAsJ=t$i1Wt3yp9G(}AWF=fqP$Fvc
zTcxz`;jP#Um4QdVz2LHHU*+lQ<YAMopviv)L>rg<W!dt7C?}}1k`jkY^pK)Gjd`0Q
z1ehf)YzK?h9Qx{Xin$|fQU5<DCt8EQC&7y$7>MDX%B#|fHKUajB?5~Qu4J>;kr?-`
z+sZ?ZSU28EFE_Upg{P7qaDIQ93cBm_^VwsBz`Gjh)my!2$+$$H%k8UBXIpuw$oi1*
zNl`mn-B)H<*v@A%rg+Q@Yc|Ggo?pm1)YW&4aWR8W@N3S$M7tuvh8LcYKyss4g(7zU
z!&36=Q^n#`U|rDy8L%yZA&$a>4VyMKBujJbSv4dwk4N^(i8soukG@m|71$VD)n3S7
zTEPIyy>ld8-K~u8ISNS(OGH4ZA0*io;&n3Ub@@GM6f5RA_ui5UD7jN8jv8)b`}<1@
z$MI$XGkv?`C={!l=!zZQds0B$cGVhHc!x@b7ul`B%kiqdLTlW^_vGcsGr@HswaRU-
zyA1hD4))^2xN3rQsDV~?<<J;I9Jlw}RkNH~!tSH7Hw_OTA5T0eYHB(rC(ZnHut_9p
ze%>3pIv39wP!T*jO@C*j;0YNy2b=_y`_B7SiS&=$!}kBgO&dAD*q0dNa?^zvWoSw&
zmt(tYM)xuHUfhbVRn`tjo-!J7dB<ha*u+K`Vq}0bsyXWKLUImoZzwyZh`5kNG#=I2
zZo8eFYKJsnp|;~K4w8Rve}aWGPb=mPl~%LaC>HG?^th(c&N3-&`~R1-Itl>nPHEiL
z==E<MPJGv--3L@C=F9aGr6KV(HfSsb!0z{WzlP%JjM@|5y&mzYxH?q!?SMEN6toF}
z8^c-{>b#;A&%Lwg-=7ce8EuwagENL;9gu!9g9ef~3HVlDP6z$|rXXwOWvzI$Ux;Hg
zH4}gYRtSrxWNELH#VE{W&AhS|uct{36xfu^9O^&;SK$OSu@aeahKO9q$k+1)O%^pH
zJFjlV-bI-)oLzSx-l;9V5GTiD3r9$kPF7<N{QT`-@<ClJ8hLpu4r=8vy&rn3G^cVU
z#qO<*Vj=4rc}Xh{A;|e4H!@TwR72(;y*Q!dr4mb21LYx|Pu!YL`92237&jOnkvZkb
z;?l@SGXh;zQ_0lWC2FfS9u~vy7PfuEB}cY2;%QIBBSWgbHjOJIH;Xj3Ek7PMXl_{E
zkiNeBvePFI9%zjZ4dk-6PSQ=n0nd?11IC$SPGeDo@p{xAPNN&%F&y5YrbFNWxRa3N
zkF=;luSYA<LPvW!w$`Ne0TPV4FOGZjauSCt4kk@Po<f<=^bx&J{p99)W4JJs9bPVF
zy}Y&+cRSLm{FDqeY!0i{MswSi8=R>m)V^F_>udecTn!D!TI2iItb1@yF^XNUF*ZgY
zW2M8@y;2~GpO_Mc0q^=H!d)0JydJMFb&Ab)kXsD`KT+8yJ2W*hKA<w|N{PHIs~kI0
zF;iKa+znwG!ZuV^7UT>h79e=NQ7A;g(5RK>y=GEWkGXQY1xL<KGP{-9f#%A4{NU24
zd;FjY)<i$BLups5Nsc4Ar+%>uBgfZ|9@)FSzP7wH-=3LnjgK^QHxf_YsMVX}r0c=R
z^!V0FX89?CCVU|0lO$Ih;WOB=^nH=nqtS&z7!9qQ?Qucrg%q);=s7|Z2g%1k;aW%n
z3F&-^=#EYp4Tm4$i31{Y<~ne7^1AAkm0~`#%e*X1kB#0lV=V`%;iFyQCwqw2XE|HE
z$P%uBSo`IgdcAh)7(A;l@aCu=iMV?8-d$TatzM_^YVDd;%g2{4nlBw5=<RBkG&j}>
zE6a)ta<em1lelaKH9j^foSaNcZDP+2=&x;zM1wJmhBmtDhj)l*oBY>vRY@2Zx=I{l
zOV9MykCNV*B9izdRZ9EzX8VMQ@myLfxu-bk`%aGl{GwE`kk>@DbDVqZr`;Is+Dh2I
zFmqQJ`t0Fl)$7i|a^SM=3}3^9R#RI&c2qx;+NnYU3#(~y7<k6#v`@rIF1c{_)bXSH
z_jTjuP_9YrD9z#XgP49`l%a%o0ct_e>z(<)zmKn%epHcmk@2$4FdaNVnfd`CCp}i|
zzTBh*oB&u0Rr@;G9&R@WgRp(KvGOJdis=l2Gf6^;)u1`hV`wQm^KT)%DpvEKL+=l-
zJh=C9cIKHvf9u%j0eoMF>rboxx?8Hh$Cm;Q3YhhO1u67@8R%<x9U{D5hiwFzd4ci9
zuG%Yh{~DL0M*+18aznhg`<12Q5;issGh06g-|Eqf9dySy2Uc2^t9LbV)L#Mu)cNlF
z-DwmtC%6xIHBk*|$?`)#tqvFZfh7~hL{r#oX$DCSU_Jj#+$8Z<0pvN0B)2)5M~jDM
zPLSg*jA$3Ql@FdYp(J*iA}x!|pv|W+jrp0HNkQtFh5198$2nQ|krFiJ=L3*J$u`Xd
zE?=%-IbZBxUjm(eUh9<uRY*o0;SmgZLFZ_yDL3XknZ4X6riD|C6{1^zk)u5U7Snm!
z!XN07m0;4+4DpyQMGP3G9Nshk5(K6{)H2OP!ozIVc9E4A3MJb#6S$;IbOp=#Vh4Mt
z35daMy>jTS3dyJ}f<3y-Op{*FaXXsoiOP+4@bd(}zE4aGr<h^2Xz^ccS6IAuu$ayn
z@rUrtLQ$#`zEnI;*wTrM;XrVY4+ih$;}Gb{Kh$e6m6%(?!^~SP-i_<_G}t|I_SC7w
z5G|%yVv8fLc#@E$q$DjF@fk4797E<=V38%3Sz(nm*4c-G)XHmgoipRXn@>Y4Vz=t7
zsaZ%L8c`JY_ESzU4^nm#I{8UrxofI=_{o(Bda>kdbf{}e8^IN^Z^$Lc6AI`H^me3@
zRuPUq#!(1mTTZsvQrt{ck>V%^n>5;3B!hfLtmMuC%RMPhhUlCP(Z<OUSz3i@FTKJl
zX5*9f>t!do`nS0~WAXy)=Z}_Pj6#fq5v}`OM67J$@W=emjTc4!e1Av&R!-b~k^E!P
z#$7??Jx{TZFG%C9mp)aW5yKR<3wgn#$txEd@Q-(X4efsX!bRiyn>2ksbshubg~zWu
alcIR#5;FOFNyX`|k1@MF#54biR{#J!%iKf&

literal 0
HcmV?d00001

diff --git a/src/FileSaver.js b/src/FileSaver.js
deleted file mode 100644
index 315dc02e..00000000
--- a/src/FileSaver.js
+++ /dev/null
@@ -1,188 +0,0 @@
-/* FileSaver.js
- * A saveAs() FileSaver implementation.
- * 1.3.2
- * 2016-06-16 18:25:19
- *
- * By Eli Grey, http://eligrey.com
- * License: MIT
- *   See https://github.com/eligrey/FileSaver.js/blob/master/LICENSE.md
- */
-
-/*global self */
-/*jslint bitwise: true, indent: 4, laxbreak: true, laxcomma: true, smarttabs: true, plusplus: true */
-
-/*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */
-
-var saveAs = saveAs || (function(view) {
-	"use strict";
-	// IE <10 is explicitly unsupported
-	if (typeof view === "undefined" || typeof navigator !== "undefined" && /MSIE [1-9]\./.test(navigator.userAgent)) {
-		return;
-	}
-	var
-		  doc = view.document
-		  // only get URL when necessary in case Blob.js hasn't overridden it yet
-		, get_URL = function() {
-			return view.URL || view.webkitURL || view;
-		}
-		, save_link = doc.createElementNS("http://www.w3.org/1999/xhtml", "a")
-		, can_use_save_link = "download" in save_link
-		, click = function(node) {
-			var event = new MouseEvent("click");
-			node.dispatchEvent(event);
-		}
-		, is_safari = /constructor/i.test(view.HTMLElement) || view.safari
-		, is_chrome_ios =/CriOS\/[\d]+/.test(navigator.userAgent)
-		, throw_outside = function(ex) {
-			(view.setImmediate || view.setTimeout)(function() {
-				throw ex;
-			}, 0);
-		}
-		, force_saveable_type = "application/octet-stream"
-		// the Blob API is fundamentally broken as there is no "downloadfinished" event to subscribe to
-		, arbitrary_revoke_timeout = 1000 * 40 // in ms
-		, revoke = function(file) {
-			var revoker = function() {
-				if (typeof file === "string") { // file is an object URL
-					get_URL().revokeObjectURL(file);
-				} else { // file is a File
-					file.remove();
-				}
-			};
-			setTimeout(revoker, arbitrary_revoke_timeout);
-		}
-		, dispatch = function(filesaver, event_types, event) {
-			event_types = [].concat(event_types);
-			var i = event_types.length;
-			while (i--) {
-				var listener = filesaver["on" + event_types[i]];
-				if (typeof listener === "function") {
-					try {
-						listener.call(filesaver, event || filesaver);
-					} catch (ex) {
-						throw_outside(ex);
-					}
-				}
-			}
-		}
-		, auto_bom = function(blob) {
-			// prepend BOM for UTF-8 XML and text/* types (including HTML)
-			// note: your browser will automatically convert UTF-16 U+FEFF to EF BB BF
-			if (/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(blob.type)) {
-				return new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
-			}
-			return blob;
-		}
-		, FileSaver = function(blob, name, no_auto_bom) {
-			if (!no_auto_bom) {
-				blob = auto_bom(blob);
-			}
-			// First try a.download, then web filesystem, then object URLs
-			var
-				  filesaver = this
-				, type = blob.type
-				, force = type === force_saveable_type
-				, object_url
-				, dispatch_all = function() {
-					dispatch(filesaver, "writestart progress write writeend".split(" "));
-				}
-				// on any filesys errors revert to saving with object URLs
-				, fs_error = function() {
-					if ((is_chrome_ios || (force && is_safari)) && view.FileReader) {
-						// Safari doesn't allow downloading of blob urls
-						var reader = new FileReader();
-						reader.onloadend = function() {
-							var url = is_chrome_ios ? reader.result : reader.result.replace(/^data:[^;]*;/, 'data:attachment/file;');
-							var popup = view.open(url, '_blank');
-							if(!popup) view.location.href = url;
-							url=undefined; // release reference before dispatching
-							filesaver.readyState = filesaver.DONE;
-							dispatch_all();
-						};
-						reader.readAsDataURL(blob);
-						filesaver.readyState = filesaver.INIT;
-						return;
-					}
-					// don't create more object URLs than needed
-					if (!object_url) {
-						object_url = get_URL().createObjectURL(blob);
-					}
-					if (force) {
-						view.location.href = object_url;
-					} else {
-						var opened = view.open(object_url, "_blank");
-						if (!opened) {
-							// Apple does not allow window.open, see https://developer.apple.com/library/safari/documentation/Tools/Conceptual/SafariExtensionGuide/WorkingwithWindowsandTabs/WorkingwithWindowsandTabs.html
-							view.location.href = object_url;
-						}
-					}
-					filesaver.readyState = filesaver.DONE;
-					dispatch_all();
-					revoke(object_url);
-				}
-			;
-			filesaver.readyState = filesaver.INIT;
-
-			if (can_use_save_link) {
-				object_url = get_URL().createObjectURL(blob);
-				setTimeout(function() {
-					save_link.href = object_url;
-					save_link.download = name;
-					click(save_link);
-					dispatch_all();
-					revoke(object_url);
-					filesaver.readyState = filesaver.DONE;
-				});
-				return;
-			}
-
-			fs_error();
-		}
-		, FS_proto = FileSaver.prototype
-		, saveAs = function(blob, name, no_auto_bom) {
-			return new FileSaver(blob, name || blob.name || "download", no_auto_bom);
-		}
-	;
-	// IE 10+ (native saveAs)
-	if (typeof navigator !== "undefined" && navigator.msSaveOrOpenBlob) {
-		return function(blob, name, no_auto_bom) {
-			name = name || blob.name || "download";
-
-			if (!no_auto_bom) {
-				blob = auto_bom(blob);
-			}
-			return navigator.msSaveOrOpenBlob(blob, name);
-		};
-	}
-
-	FS_proto.abort = function(){};
-	FS_proto.readyState = FS_proto.INIT = 0;
-	FS_proto.WRITING = 1;
-	FS_proto.DONE = 2;
-
-	FS_proto.error =
-	FS_proto.onwritestart =
-	FS_proto.onprogress =
-	FS_proto.onwrite =
-	FS_proto.onabort =
-	FS_proto.onerror =
-	FS_proto.onwriteend =
-		null;
-
-	return saveAs;
-}(
-	   typeof self !== "undefined" && self
-	|| typeof window !== "undefined" && window
-	|| this.content
-));
-// `self` is undefined in Firefox for Android content script context
-// while `this` is nsIContentFrameMessageManager
-// with an attribute `content` that corresponds to the window
-
-if (typeof module !== "undefined" && module.exports) {
-  module.exports.saveAs = saveAs;
-} else if ((typeof define !== "undefined" && define !== null) && (define.amd !== null)) {
-  define("FileSaver.js", function() {
-    return saveAs;
-  });
-}
\ No newline at end of file
diff --git a/src/ObjectPath.js b/src/ObjectPath.js
deleted file mode 100644
index aea6ef94..00000000
--- a/src/ObjectPath.js
+++ /dev/null
@@ -1,21 +0,0 @@
-String.prototype.tokens=function(h){h=h?h:!1;var a,g,b=0,k=this.length,f,c,e=[],l="and;or;not;in;not in;is;is not;".split(";"),d=function(a,c,d){if(!d)return{type:a,value:c,position:[g,b]}};if(this){for(a=this.charAt(b);a;)if(g=b," ">=a)b+=1,a=this.charAt(b);else if("a"<=a&&"z">=a||"A"<=a&&"Z">=a||"_"==a){c=a;for(b+=1;;)if(a=this.charAt(b),"a"<=a&&"z">=a||"A"<=a&&"Z">=a||"0"<=a&&"9">=a||"_"===a)c+=a,b+=1;else break;0<=l.indexOf(c)?(f=e[e.length-1],"not"===c&&f&&"is"===f.value?(c=d("op","is not"),
-c.position[0]=f.position[0],e[e.length-1]=c):"in"===c&&f&&"not"===e[e.length-1].value?(c=d("op","not in"),c.position[0]=f.position[0],e[e.length-1]=c):e.push(d("op",c))):e.push(d("name",c))}else if("0"<=a&&"9">=a){c=a;for(b+=1;;){a=this.charAt(b);if("0">a||"9"<a)break;b+=1;c+=a}if("."===a)for(b+=1,c+=a;;){a=this.charAt(b);if("0">a||"9"<a)break;b+=1;c+=a}if("e"===a||"E"===a){b+=1;c+=a;a=this.charAt(b);if("-"===a||"+"===a)b+=1,c+=a,a=this.charAt(b);("0">a||"9"<a)&&d("number",c,"Bad exponent");do b+=
-1,c+=a,a=this.charAt(b);while("0"<=a&&"9">=a)}"a"<=a&&"z">=a&&(c+=a,b+=1,d("number",c,"Bad number"));f=+c;isFinite(f)?e.push(d("number",f)):d("number",c,"Bad number")}else if("'"===a||'"'===a){c="";f=a;for(b+=1;;){a=this.charAt(b);" ">a&&d("str",c,"\n"===a||"\r"===a||""===a?"Unterminated string.":"Control character in string.",d("",c));if(a===f)break;if("\\"===a)switch(b+=1,b>=k&&d("str",c,"Unterminated string"),a=this.charAt(b),a){case "b":a="\b";break;case "f":a="\f";break;case "n":a="\n";break;
-case "r":a="\r";break;case "t":a="\t";break;case "u":b>=k&&d("str",c,"Unterminated string"),a=parseInt(this.substr(b+1,4),16),(!isFinite(a)||0>a)&&d("str",c,"Unterminated string"),a=String.fromCharCode(a),b+=4}c+=a;b+=1}b+=1;e.push(d("str",c));a=this.charAt(b)}else 0<="<>.".indexOf(a)?(c=a,b+=1,a=this.charAt(b),"<"===c&&"="===a?c="<=":">"===c&&"="===a?c=">=":"."===c&&"."===a&&(c=".."),1<c.length&&(b+=1,a=this.charAt(b)),e.push(d("op",c))):(b+=1,"$"===a?e.push(d("(root)",a)):"@"===a?e.push(d("(current)",
-a)):"!"===a?e.push(d("(context)",a)):0<="+-*/%<>:[,]{}:()".indexOf(a)?e.push(d("op",a)):d("op",a,a+" is not an ObjectPath operator!"),a=this.charAt(b));h&&clog("}tokens with",e);return e}};
-var makeTree=function(){var h={},e,n,l,u=["true","t"],v=["false","f"],w=["none","null","n","nil"],m=function(){return this},f=function(a){var b,c,d;a&&e.id!==a&&e.error("Expected '"+a+"', got '"+e.id+"'.");if(l>=n.length)e=h["(end)"];else return c=n[l],l+=1,d=c.value,a=c.type,"name"===a?(0<=v.indexOf(d.toLowerCase())&&(d="false"),0<=u.indexOf(d.toLowerCase())&&(d="true"),0<=w.indexOf(d.toLowerCase())&&(d="null"),(b=h[d])||(b=h["(name)"])):"(root)"===a?b=h["(root)"]:"(current)"===a?b=h["(current)"]:
-"(context)"===a?b=h["(context)"]:"op"===a?(b=h[d])||c.error("Unknown operator."):"str"===a||"number"===a?(b=h["(literal)"],a="literal"):c.error("Unexpected token."),e=Object.create(b),e.position=c.position,e.value=d,e.arity=a,e.error=function(a){},e},k=function(a){var b,c=e;a="undefined"===typeof a?0:a;f();for(b=c.nud();a<e.lbp;)c=e,f(),b=c.led(b);return b},x={nud:function(){this.error("Undefined nud().")},led:function(a){this.error("Missing operator.")}},d=function(a,b){var c=h[a];b=b||0;c?b>=c.lbp&&
-(c.lbp=b):(c=Object.create(x),c.id=c.value=a,c.lbp=b,h[a]=c);return c},p=function(a,b){var c=d(a);c.nud=function(){this.value=h[this.id].value;this.arity="literal";this.id="(literal)";return this};c.value=b;return c},g=function(a,b,c){a=d(a,b);a.led=c||function(a){this.first=a;this.second=k(b);this.arity="binary";return this};return a},r=function(a,b,c){a=d(a,b);a.led=c||function(a){this.first=a;this.second=k(b-1);this.arity="binary";return this};return a},q=function(a,b,c){a=d(a);a.nud=c||function(){this.first=
-k(b);this.arity="unary";return this};return a},t=function(a){this.first=a;0>["(name)","*"].indexOf(e.id)&&SyntaxError("Expected an attribute name.");"*"===e.id&&(e.arity="wildcard");this.second=e;f();return this};d("(end)");d("(name)").nud=m;d("(literal)").nud=m;d("(root)").nud=m;d("(current)").nud=m;d("(context)").nud=m;d(":");d(",");p("true",!0);p("false",!1);p("null",null);r("or",30);r("and",40);q("not",50);g(":",120);g("in",60);g("not in",60);g("is",60);g("is not",60);g("<",60);g("<=",60);g(">",
-60);g(">=",60);g("+",110);g("-",110);g("*",120);g("/",120);g("%",120);q("-",130);q("+",130);d(".",150).led=t;d("..",150).led=t;d("]");g("[",150,function(a){this.first=a;this.second=k(0);this.arity="binary";f("]");return this});d("[").led=function(a){this.first=a;this.second=k();f("]");return this};d("[").nud=function(){var a=[];if("]"!==e.id)for(;;){a.push(k());if(","!==e.id)break;f(",")}f("]");this.first=a;this.arity="unary";return this};d(")");d("(",150).led=function(a){var b=[];this.arity="binary";
-this.id="fn";this.first=a.value;if(")"!==e.id)for(;;){b.push(k());if(","!==e.id)break;f(",")}f(")");this.second=b;return this};d("(",150).nud=function(){var a=k();f(")");return a};d("}");d("{").nud=function(){var a=[],b,c;if("}"!==e.id)for(;;){b=k();f(":");c=k();c.key=b;a.push(c);if(","!==e.id)break;f(",")}f("}");this.first=a;this.arity="unary";return this};return function(a,b){var c=this.D=b&&b.debug||!1;n="string"===typeof a?a.tokens(c):a;l=0;f();c=k();f("(end)");return c}},parse=makeTree();
-module.exports = ObjectPath=function(a,h){this.exprCache=[];this._init_(a,h);return this};
-ObjectPath.prototype={D:!1,current:null,data:null,SELECTOR_OPS:"is;>;<;is not;>=;<=;in;not in;:;and;or".split(";"),simpleTypes:["string","number"],_init_:function(a,h){this.setData(a);h&&this.setDebug(h.debug||this.D)},setCurrent:function(a){this.current=a},resetCurrent:function(){this.current=null},setContext:function(a){this.context=a},compile:function(a){return this.exprCache.hasOwnProperty(a)?this.exprCache[a]:this.exprCache[a]=parse.call(this,a,{debug:this.D})},setData:function(a){return 0>["object",
-"array"].indexOf(typeof a)?(this.log(a+" is not object nor array! Data not changed."),a):this.data=a},setDebug:function(a){this.D=a},flatten:function(a){var h=[],l=function(a){if(Array.isArray(a))for(var g=0;g<a.length;g++)l(a[g]);else if("object"===typeof a)for(g in h.push(a),a)l(a[g])};l(a);return h},execute:function(a){var h=this,l=this.flatten,m=this.simpleTypes,g,f=function(b){if(Array.isArray(b)){for(var c=[],e=0;e<b.length;e++)c.push(f(b[e]));return c}var a=b.id;if(0<="+;-;*;%;/;>;>=;<;<=;in;not in;is;is not".split(";").indexOf(b.id))var c=
-"object"===typeof b.first&&b.first.id?f(b.first):null,d="object"===typeof b.second&&b.second.id?f(b.second):null,g=typeof c,k=typeof d;switch(a){case "(literal)":return b.value;case "+":if("number"===g&&"number"!==k)d=parseInt(d);else if(Array.isArray(c)){if(Array.isArray(d))return c.concat(d);c.push(d)}return c+d;case "-":return d?c-d:-c;case "*":return"wildcard"!=b.arity?c*d:null;case "%":return c%d;case "/":return c/d;case ">":return c>d;case "<":return c<d;case ">=":return c>=d;case "<=":return c<=
-d;case "not":return!f(b.first);case "or":return f(b.first)||f(b.second);case "and":return f(b.first)&&f(b.second);case "in":case "not in":return e=null,"string"===k?e=0<=d.search(c.toString()):Array.isArray(d)?e=0<=d.indexOf(c):"object"===k&&(e=d.hasOwnProperty(c)),"in"===a?e:!e;case "is":case "is not":e=null;if(0<=m.indexOf(g))e=c==d;else if("array"===g||"object"===g)try{throw e=JSON.stringify(c)==JSON.stringify(d),{name:"comparison Error",message:"JSONStringifyNotAvailable. Your web browser doesn't support JSON.stringify(). Vote for support at"};
-}catch(n){}return"is"===a?e:!e;case "(root)":return h.data;case "(current)":return h.current;case "(context)":return h.context;case ":":return b;case "(name)":return b.value;case "[":if("unary"===b.arity){a=[];for(e in b.first)a.push(f(b.first[e]));return a}if("op"===b.arity){c=f(b.first);if(!c)return c;if("string"===typeof c||Array.isArray(c)){d=f(b.second);k=typeof d;if(d&&":"===d.id)return c.slice(f(d.first),f(d.second));if("number"===k)return-1===d?c.slice(-1)[0]:0>d?c.slice(d,d+1)[0]:c[d];if("string"===
-k){a=[];for(e=0;e<c.length;e++)c[e][d]&&a.push(c[e][d]);return a}if("object"===typeof b.second&&0<=h.SELECTOR_OPS.indexOf(b.second.id)){b=b.second;a=[];b=Object.create(b);for(e in c)d=c[e],h.current=d,b.first=d,f(b)&&a.push(d);return a}programmingError("left is array and right is not number")}else if("object"===g&&("(name)"===b.second.id||"string"===k))return c[d];return 1}return null;case "(":switch(b.first.value){case "str":return e=f(b.second),"object"===typeof e?JSON.stringify(e):e.toString}return null;
-case "{":case "":throw{error:"NotImplementedYet",message:a+" is not implemented yet!",data:b};case "..":c=l(f(b.first));case ".":c=c||f(b.first);if("*"===b.second.id)return c;if(c){if(Array.isArray(c)){a=[];d=f(b.second);for(e=0;e<c.length;e++)c[e][d]&&a.push(c[e][d]);return a}return c[b.second.value]}return null;case "fn":switch(b.first){case "float":case "int":return parseFloat(f(b.second));case "str":return f(b.second).toString();case "array":return e=f(b.second),Array.isArray(e[0])?e[0]:"string"===
-typeof e[0]?e[0].split(""):[];case "replace":return a=f(b.second),a[0]?a[0].replace(new RegExp(a[1],"g"),a[2]):"";case "join":a=f(b.second);try{return a[0].join(a[1])}catch(p){return null}case "split":return a=f(b.second),a[0]?a[0].split(a[1]):"";case "max":return Math.max.apply(null,f(b.second)[0]);case "min":return Math.min.apply(null,f(b.second)[0])}throw{error:"WrongFunction",message:"Function "+a+" is not proper ObjectPath function.",data:b};}throw{error:"WrongOperator",message:"Operator "+a+
-" is not proper ObjectPath operator.",data:b};};if(!a)return a;"string"===typeof a&&(g=this.compile(a));return f(g)}};
\ No newline at end of file
diff --git a/src/badges.js b/src/badges.js
deleted file mode 100644
index 3aad1e3e..00000000
--- a/src/badges.js
+++ /dev/null
@@ -1,847 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	constants = require('./constants'),
-	utils = require('./utils'),
-
-	WEBKIT = constants.IS_WEBKIT ? '-webkit-' : '',
-
-	SPECIAL_BADGES = ['staff', 'admin', 'global_mod'],
-	OTHER_KNOWN = ['turbo', 'bits', 'premium', 'partner'],
-
-	CSS_BADGES = {
-		staff: { 1: { color: "#200f33", use_svg: true } },
-		admin: { 1: { color: "#faaf19", use_svg: true  } },
-		global_mod: { 1: { color: "#0c6f20", use_svg: true } },
-		broadcaster: { 1: { color: "#e71818", use_svg: true } },
-		moderator: { 1: { color: "#34ae0a", use_svg: true } },
-		twitchbot: { 1: { color: "#34ae0a" } },
-		partner: { 1: { color: "transparent", has_trans: true, trans_color: "#6441a5" } },
-
-		turbo: { 1: { color: "#6441a5", use_svg: true } },
-		premium: { 1: { color: "#009cdc" } },
-
-		subscriber: { 0: { color: "#6441a4" }, 1: { color: "#6441a4" }},
-
-		bits: {
-			1: { color: "#cbc8d0" },
-			100: { color: "#ca7eff" },
-			1000: { color: "#3ed8b3" },
-			5000: { color: "#49acff" },
-			10000: { color: "#ff271e" },
-			25000: { color: "#f560ab" },
-			50000: { color: "#ff881f" },
-			75000: { color: "#16d03d" },
-			100000: { color: "#ffcb13" },
-			200000: { color: "#cbc8d0" },
-			300000: { color: "#c97ffd" },
-			400000: { color: "#3dd8b3" },
-			500000: { color: "#48acfe" },
-			600000: { color: "#ff281f" },
-			700000: { color: "#f560ab" },
-			800000: { color: "#ff881f" },
-			900000: { color: "#16d03d" },
-			1000000: { color: "#fecb11" }
-		}
-	},
-
-	NO_INVERT_BADGES = ['ssubscriber', 'ffz-badge-1'],
-
-	INVERT_INVERT_BADGES = ['bits'],
-	TRANSPARENT_BADGES = [], //'subscriber'],
-
-	BTTV_TYPE_REPLACEMENTS = {
-		'global-moderator': 'global_mod'
-	},
-
-	BADGE_POSITIONS = {
-		'broadcaster': 0,
-		'staff': 0,
-		'admin': 0,
-		'global_mod': 0,
-		'mod': 1,
-		'moderator': 1,
-		'twitchbot': 1,
-		'subscriber': 10,
-	},
-
-	BADGE_NAMES = {
-		'global_mod': 'Global Moderator'
-	},
-
-	BADGE_KLASSES = {
-		'global_mod': 'global-moderator'
-	};
-
-
-// --------------------
-// Settings
-// --------------------
-
-FFZ.settings_info.show_badges = {
-	type: "boolean",
-	value: true,
-
-	category: "Chat Appearance",
-	name: "Additional Badges",
-	help: "Show additional badges for bots, FrankerFaceZ donors, and other special users."
-};
-
-
-FFZ.settings_info.loyalty_badges = {
-	type: "boolean",
-	value: true,
-
-	category: "Chat Appearance",
-	name: "Display Subscriber Loyalty Badges",
-	help: "Show different badge images for users that have been subscribed 3, 6, 12, and 24 months in supported channels.",
-
-	on_update: function(val) {
-		utils.toggle_cls('ffz-no-loyalty')(!val);
-	}
-
-};
-
-
-FFZ.settings_info.hidden_badges = {
-	type: "button",
-	value: [],
-
-	category: "Chat Appearance",
-	name: "Hidden Badges",
-	help: "Any badges added to this list will not be displayed in chat.",
-
-	on_update: function(val) {
-		if ( this.has_bttv_6 )
-			return;
-
-		var controller = utils.ember_lookup('controller:chat'),
-			messages = controller && controller.get('currentRoom.messages');
-
-		if ( ! messages )
-			return;
-
-		for(var i=0; i < messages.length; i++)
-			messages[i]._line && messages[i]._line.ffzUpdateBadges();
-	},
-
-	method: function() {
-		var f = this,
-			service = utils.ember_lookup('service:badges'),
-			badgeCollection = service && service.badgeCollection,
-			old_val = f.settings.hidden_badges.join(", "),
-			values = [];
-
-		if ( badgeCollection ) {
-			if ( badgeCollection.global )
-				for(var badge in badgeCollection.global)
-					if ( badgeCollection.global.hasOwnProperty(badge) && badge !== 'broadcasterName' ) {
-						var badge_data = badgeCollection.global[badge] || {},
-							version = badge_data.versions && Object.keys(badge_data.versions)[0];
-
-						if ( version )
-							values.push([badge, f.render_badges(f.get_twitch_badges(badge + "/" + version))]);
-					}
-
-			if ( badgeCollection.channel )
-				for(var badge in badgeCollection.channel)
-					if ( badgeCollection.channel.hasOwnProperty(badge) && badge !== 'broadcasterName' ) {
-						var badge_data = badgeCollection.channel[badge] || {},
-							version = badge_data.versions && Object.keys(badge_data.versions)[0];
-
-						if ( version )
-							values.push([badge, f.render_badges(f.get_twitch_badges(badge + "/" + version))]);
-					}
-		}
-
-		for(var badge_id in f.badges) {
-			if ( ! f.badges.hasOwnProperty(badge_id) )
-				continue;
-
-			var badge = f.badges[badge_id],
-				hide_key = (badge.source_ext ? f._apis[badge.source_ext].name_key : 'ffz') + '-' + (badge.name || badge.id),
-				render_badge = {};
-
-			render_badge[badge.slot] = f._get_badge_object({}, badge);
-			values.push([hide_key, f.render_badges(render_badge)]);
-		}
-
-		if ( this.has_bttv_6 && window.BetterTTV ) {
-			try {
-				for(var badge_id in BetterTTV.chat.store.__badgeTypes)
-					values.push(['bttv-' + badge_id, null]);
-
-				values.push(['bot', null]);
-
-			} catch(err) {
-				this.error("Unable to load known BetterTTV badges.", err);
-			}
-		}
-
-		var already_used = [],
-			output = [];
-
-		for(var i=0; i < values.length; i++) {
-			var badge = values[i];
-			if ( already_used.indexOf(badge[0]) !== -1 )
-				continue;
-
-			already_used.push(badge[0]);
-			output.push((badge[1] ? '<div class="ffz-hidden-badges badges">' + badge[1] + '</div>' : '') + '<code>' + badge[0] + '</code>');
-		}
-
-		utils.prompt(
-			"Hidden Badges",
-			"Please enter a comma-separated list of badges that you would like to be hidden in chat. You can use the special value <code>game</code> to hide all the game-specific badges at once.</p><p><b>Possible Values:</b> " + output.join(", "),
-			old_val,
-			function(new_val) {
-				if ( new_val === null || new_val === undefined )
-					return;
-
-				f.settings.set("hidden_badges", _.unique(new_val.trim().toLowerCase().split(/\s*,\s*/)).without(""));
-			}, 600
-		)
-	}
-};
-
-
-FFZ.settings_info.sub_notice_badges = {
-	type: "boolean",
-	value: false,
-
-	category: "Chat Appearance",
-	name: "Old-Style Subscriber Notice Badges",
-	no_bttv: true,
-
-	help: "Display a subscriber badge on old-style chat messages about new subscribers.",
-
-	on_update: function(val) {
-		this.toggle_style('badges-sub-notice', ! this.has_bttv && ! val);
-		this.toggle_style('badges-sub-notice-on', ! this.has_bttv && val);
-	}
-};
-
-
-FFZ.settings_info.legacy_badges = {
-	type: "select",
-	options: {
-		0: "Default",
-		1: "Moderator Only",
-		2: "Mod + Turbo",
-		3: "All Legacy Badges"
-	},
-	value: 0,
-
-	category: "Chat Appearance",
-
-	name: "Legacy Badges",
-	help: "Use the old, pre-vector chat badges from Twitch in place of the new.",
-
-	process_value: utils.process_int(0, 0, 3),
-
-	on_update: function(val) {
-		this.toggle_style('badges-legacy', val === 3);
-		this.toggle_style('badges-legacy-mod', val !== 0);
-		this.toggle_style('badges-legacy-turbo', val > 1);
-	}
-};
-
-
-FFZ.settings_info.transparent_badges = {
-	type: "select",
-	options: {
-		0: "Default",
-		1: "Rounded",
-		2: "Circular",
-		3: "Circular (Color Only)",
-		4: "Circular (Color Only, Small)",
-		5: "Transparent",
-		6: "Transparent (Colored)"
-	},
-
-	value: 0,
-
-	category: "Chat Appearance",
-	no_bttv: 6,
-
-	name: "Badge Style",
-	help: "Make badges appear rounded, completely circular, or transparent with no background at all.",
-
-	process_value: utils.process_int(0, 0, 5),
-
-	on_update: function(val) {
-		if ( this.has_bttv_6 )
-			return;
-
-		this.toggle_style('badges-rounded', val === 1);
-		this.toggle_style('badges-circular', val === 2 || val === 3 || val === 4);
-		this.toggle_style('badges-blank', val === 3 || val === 4);
-		this.toggle_style('badges-circular-small', val === 4);
-		this.toggle_style('badges-transparent', val >= 5);
-		utils.toggle_cls('ffz-transparent-badges')(val >= 5);
-		utils.toggle_cls('ffz-blank-badges')(val === 3 || val === 4);
-
-		// Update existing chat lines.
-		var CL = utils.ember_resolve('component:chat/chat-line'),
-			CW = utils.ember_resolve('component:twitch-conversations/conversation-window'),
-			DP = utils.ember_resolve('component:chat/from-display-preview'),
-			views = (CL || CW || DP) ? utils.ember_views() : [];
-
-		for(var vid in views) {
-			var view = views[vid];
-			if ( CL && view instanceof CL && view.buildBadgesHTML )
-				view.$('.badges').replaceWith(view.buildBadgesHTML());
-			else if ( DP && view instanceof DP && view.ffzRenderBadges )
-				view.ffzRenderBadges();
-			else if ( CW && view instanceof CW && view.ffzReplaceBadges )
-				view.ffzReplaceBadges();
-		}
-	}
-};
-
-
-// --------------------
-// Initialization
-// --------------------
-
-FFZ.prototype.setup_badges = function() {
-	this.log("Preparing badge system.");
-	if ( ! this.has_bttv_6 ) {
-		var val = this.settings.transparent_badges;
-		this.toggle_style('badges-rounded', val === 1);
-		this.toggle_style('badges-circular', val === 2 || val === 3 || val === 4);
-		this.toggle_style('badges-blank', val === 3 || val === 4);
-		this.toggle_style('badges-circular-small', val === 4);
-		this.toggle_style('badges-transparent', val >= 5);
-
-		utils.toggle_cls('ffz-transparent-badges')(val >= 5);
-		utils.toggle_cls('ffz-blank-badges')(val === 3 || val === 4);
-		utils.toggle_cls('ffz-no-loyalty')(!this.settings.loyalty_badges);
-	}
-
-	if ( ! this.has_bttv ) {
-		this.toggle_style('badges-sub-notice', ! this.settings.sub_notice_badges);
-		this.toggle_style('badges-sub-notice-on', this.settings.sub_notice_badges);
-	}
-
-	this.toggle_style('badges-legacy', this.settings.legacy_badges === 3);
-	this.toggle_style('badges-legacy-mod', this.settings.legacy_badges !== 0);
-	this.toggle_style('badges-legacy-turbo', this.settings.legacy_badges > 1);
-
-	this.log("Creating badge style element.");
-	var s = this._badge_style = document.createElement('style');
-	s.id = "ffz-badge-css";
-	document.head.appendChild(s);
-
-	this.log("Generating CSS for existing API badges.");
-	for(var badge_id in this.badges)
-		if ( this.badges.hasOwnProperty(badge_id) )
-			utils.update_css(s, badge_id, utils.badge_css(this.badges[badge_id]));
-
-	this.log("Generating CSS for existing Twitch badges.");
-	for(var badge_id in CSS_BADGES) {
-		var badge_data = CSS_BADGES[badge_id],
-			klass = BADGE_KLASSES[badge_id] || badge_id;
-		for(var version in badge_data)
-			utils.update_css(s, 'twitch-' + badge_id + '-' + version, utils.cdn_badge_css(klass, version, badge_data[version]));
-	}
-
-	this.log("Loading badges.");
-	this.load_badges();
-}
-
-
-// --------------------
-// Reloading Badges
-// --------------------
-
-FFZ.ws_commands.reload_badges = function() {
-	this.load_badges();
-}
-
-
-FFZ.ws_commands.set_badge = function(data) {
-	var user_id = data[0],
-		slot = data[1],
-		badge = data[2],
-
-		user = this.users[user_id] = this.users[user_id] || {},
-		badges = user.badges = user.badges || {};
-
-	if ( typeof badge === "number" )
-		badge = {id: badge};
-
-	if ( badge === undefined || badge === null )
-		badges[slot] = null;
-	else
-		badges[slot] = badge;
-}
-
-
-// --------------------
-// Badge Selection
-// --------------------
-
-FFZ.prototype.get_badges = function(user, room_id, badges, msg) {
-	var data = this.users[user],
-		room = this.rooms[room_id],
-		room_data = room && room.users && room.users[user],
-		hidden_badges = this.settings.hidden_badges,
-		badge_data = data && data.badges || {};
-
-	if ( room_data && room_data.badges )
-		badge_data = _.extend({}, badge_data, room_data.badges);
-
-	if ( ! badge_data || ! this.settings.show_badges )
-		return badges;
-
-	for(var slot in badge_data) {
-		var badge = badge_data[slot];
-		if ( ! badge_data.hasOwnProperty(slot) || ! badge )
-			continue;
-
-		var badge_id = badge.real_id || badge.id,
-			full_badge = this.badges[badge_id] || {},
-			full_badge_id = full_badge.real_id || full_badge.id,
-			old_badge = badges[slot],
-
-			hide_key = (full_badge.source_ext ? this._apis[full_badge.source_ext].name_key : 'ffz') + '-' + (full_badge.name || full_badge.id);
-
-		if ( hidden_badges.indexOf(hide_key) !== -1 )
-			continue;
-
-		if ( full_badge.visible !== undefined ) {
-			var visible = full_badge.visible;
-			if ( typeof visible === "function" )
-				visible = visible.call(this, room_id, user, msg, badges);
-
-			if ( ! visible )
-				continue;
-		}
-
-		if ( old_badge ) {
-			var replaces = badge.hasOwnProperty('replaces') ? badge.replaces : full_badge.replaces,
-				replace_mode = badge.replace_mode || full_badge.replace_mode || 'merge';
-			if ( ! replaces )
-				continue;
-
-			if ( replace_mode === 'merge' ) {
-				old_badge.image = badge.image || null;
-				old_badge.klass += ' ffz-badge-replacement ffz-replacer-ffz-badge-' + (badge_id || full_badge_id);
-				old_badge.title += ', ' + (badge.title || full_badge.title);
-				continue;
-
-			} else if ( replace_mode === 'keep_title' ) {
-				var b = badges[slot] = this._get_badge_object(badge, full_badge);
-				b.title = old_badge.title + ', ' + b.title;
-				continue;
-
-			} else if ( replace_mode === 'title_only' ) {
-				old_badge.title += ', ' + (badge.title || full_badge.title);
-				continue;
-			}
-		}
-
-		badges[slot] = this._get_badge_object(badge, full_badge);
-	}
-
-	return badges;
-}
-
-FFZ.prototype._get_badge_object = function(badge, full_badge) {
-	var id = badge.real_id || badge.id || full_badge.real_id || full_badge.id;
-	return {
-		id: id,
-		klass: 'ffz-badge-' + id,
-		title: badge.title || full_badge.title || ('Unknown FFZ Badge\nID: ' + id),
-		image: badge.image,
-		full_image: full_badge.image,
-		color: badge.color,
-		no_tooltip: badge.no_tooltip || full_badge.no_tooltip,
-		click_action: badge.click_action || full_badge.click_action,
-		click_url: badge.click_url || full_badge.click_url,
-		no_invert: badge.no_invert || full_badge.no_invert,
-		no_color: badge.no_color || full_badge.no_color,
-		invert_invert: badge.invert_invert || full_badge.invert_invert,
-		transparent: badge.transparent || full_badge.transparent || (badge.color || full_badge.color) === "transparent",
-		extra_css: (badge.extra_css || full_badge.extra_css)
-	}
-}
-
-
-FFZ.prototype.get_line_badges = function(msg) {
-	var room = msg.get && msg.get('room') || msg.room,
-		from = msg.get && msg.get('from') || msg.from,
-		tags = msg.get && msg.get('tags') || msg.tags || {},
-		badge_tag = tags.badges || {};
-
-	// Twitch Badges
-	var badges = this.get_twitch_badges(badge_tag, room);
-
-	// FFZ Badges
-	return this.get_badges(from, room, badges, msg);
-}
-
-
-FFZ.prototype.get_twitch_badges = function(badge_tag, room_id) {
-	var badges = {},
-		hidden_badges = this.settings.hidden_badges,
-
-		last_id = -1,
-		had_last = false,
-
-		service = utils.ember_lookup('service:badges'),
-		badgeCollection = service && service.badgeCollection,
-
-		globals = badgeCollection && badgeCollection.global || {},
-		channel = badgeCollection && badgeCollection.channel || {};
-
-	// Is this the right channel?
-	if ( room_id && room_id !== channel.broadcasterName ) {
-		var ffz_room = this.rooms && this.rooms[room_id];
-		channel = ffz_room && ffz_room.badges || {};
-	}
-
-	// Whisper Chat Lines have a non-associative array for some reason.
-	if ( Array.isArray(badge_tag) ) {
-		var val = badge_tag;
-		badge_tag = {};
-		for(var i=0; i < val.length; i++)
-			badge_tag[val[i].id] = val[i].version;
-	}
-
-	// VoD Chat lines don't have the badges pre-parsed for some reason.
-	else if ( typeof badge_tag === 'string' )
-		badge_tag = utils.parse_badge_tag(badge_tag);
-
-
-	for(var badge in badge_tag) {
-		var version = badge_tag[badge];
-		if ( ! badge_tag.hasOwnProperty(badge) || version === undefined || version === null )
-			continue;
-
-		var versions = channel[badge] || globals[badge],
-			binfo = versions && versions.versions && versions.versions[version],
-			is_game = badge.substr(-2) === '_1';
-
-		if ( hidden_badges.indexOf(badge) !== -1 || (is_game && hidden_badges.indexOf('game') !== -1) )
-			continue;
-
-		if ( BADGE_POSITIONS.hasOwnProperty(badge) )
-			last_id = BADGE_POSITIONS[badge];
-		else {
-			last_id = had_last ? last_id + 1 : 15;
-			had_last = true;
-		}
-
-		var is_known = BADGE_POSITIONS.hasOwnProperty(badge) || OTHER_KNOWN.indexOf(badge) !== -1;
-
-		badges[last_id] = {
-			klass: (BADGE_KLASSES[badge] || badge) + (is_known ? '' : ' unknown-badge') + ' version-' + version,
-			title: binfo && binfo.title || BADGE_NAMES[badge] || badge.capitalize(),
-			click_url: binfo && binfo.click_action === 'visit_url' && binfo.click_url,
-			no_invert: ! (versions && versions.allow_invert) && NO_INVERT_BADGES.indexOf(badge) !== -1,
-			no_color: ! CSS_BADGES.hasOwnProperty(badge),
-			invert_invert: (versions && versions.invert_invert) || INVERT_INVERT_BADGES.indexOf(badge) !== -1,
-			transparent: TRANSPARENT_BADGES.indexOf(badge) !== -1
-		};
-
-		if ( ! is_known && binfo ) {
-			badges[last_id].image = binfo.image_url_1x;
-			if ( binfo.image_url_2x || binfo.image_url_4x )
-				badges[last_id].srcSet = 'url("' + binfo.image_url_1x + '") 1x' + (binfo.image_url_2x ? ', url("' + binfo.image_url_2x + '") 2x' : '') + (binfo.image_url_4x ? ', url("' + binfo.image_url_4x + '") 4x' : '');
-		}
-	}
-
-	return badges;
-}
-
-
-// --------------------
-// Render Badge
-// --------------------
-
-FFZ.prototype.render_badges = function(badges) {
-	var out = [],
-		setting = this.settings.transparent_badges;
-
-	for(var key in badges) {
-		var badge = badges[key],
-			klass = badge.klass,
-			css = '',
-			is_colored = !(badge.no_color !== undefined ? badge.no_color : badge.transparent);
-
-		if ( badge.image )
-			if ( is_colored && setting === 6 )
-				css += WEBKIT + 'mask-image:url("' + utils.quote_attr(badge.image) + '");';
-			else
-				css += 'background-image:url("' + utils.quote_attr(badge.image) + '");';
-
-		if ( badge.srcSet )
-			if ( is_colored && setting === 6 )
-				css += WEBKIT + 'mask-image:' + WEBKIT + 'image-set(' + badge.srcSet + ');';
-			else
-				css += 'background-image:' + WEBKIT + 'image-set(' + badge.srcSet + ');';
-
-		if ( badge.color )
-			if ( is_colored && setting === 6 )
-				css += 'background: linear-gradient(' + badge.color + ',' + badge.color + ');';
-			else
-				css += 'background-color:' + badge.color + ';'
-
-		if ( badge.extra_css )
-			css += badge.extra_css;
-
-		if ( badge.click_url )
-			klass += ' click_url';
-
-		if ( badge.click_action )
-			klass += ' click_action';
-
-		if ( badge.no_invert )
-			klass += ' no-invert';
-
-		if ( badge.invert_invert )
-			klass += ' invert-invert';
-
-		if ( is_colored && setting === 6 )
-			klass += ' colored';
-
-		if ( badge.transparent )
-			klass += ' transparent';
-
-		out.push('<div class="badge ' + (badge.no_tooltip ? '' : 'html-tooltip ') + utils.quote_attr(klass) + '"' + (badge.id ? ' data-badge-id="' + badge.id + '"' : '') + (badge.click_url ? ' data-url="' + utils.quote_attr(badge.click_url) + '"' : '') + (css ? ' style="' + utils.quote_attr(css) + '"' : '') + ' title="' + utils.quote_attr(badge.title) + '"></div>');
-	}
-
-	return out.join("");
-}
-
-
-// --------------------
-// Extension Support
-// --------------------
-
-FFZ.prototype.bttv_badges = function(data) {
-	if ( ! this.settings.show_badges )
-		return;
-
-	var user_id = data.sender,
-		user = this.users[user_id],
-		room = this.rooms[data.room],
-		room_data = room && room.users && room.users[user_id],
-		badges_out = [],
-		insert_at = -1,
-
-		hidden_badges = this.settings.hidden_badges,
-		alpha = BetterTTV.settings.get('alphaTags');
-
-	if ( ! data.badges )
-		data.badges = [];
-
-	// Determine where in the list to insert these badges.
-	// Also, strip out banned badges while we're at it.
-	for(var i=0; i < data.badges.length; i++) {
-		var badge = data.badges[i],
-			space_ind = badge.type.indexOf(' '),
-			hidden_key = space_ind !== -1 ? badge.type.substr(0, space_ind) : badge.type;
-
-		if ( hidden_key.indexOf('twitch-') === 0 )
-			hidden_key = hidden_key.substr(7);
-
-		if ( BTTV_TYPE_REPLACEMENTS.hasOwnProperty(hidden_key) )
-			hidden_key = BTTV_TYPE_REPLACEMENTS[hidden_key];
-		else {
-			var ind = hidden_key.indexOf('-');
-			if ( ind !== -1 )
-				hidden_key = hidden_key.substr(0, ind);
-		}
-
-		var is_game = hidden_key.substr(-2) === '_1';
-		if ( hidden_badges.indexOf(hidden_key) !== -1 || (is_game && hidden_badges.indexOf('game') !== -1) ) {
-			data.badges.splice(i, 1);
-			i--;
-			continue;
-		}
-
-		if ( insert_at === -1 && (badge.type === "subscriber" || badge.type === "turbo" || badge.type.substr(0, 7) === 'twitch-') )
-			insert_at = i;
-	}
-
-	var badge_data = user && user.badges || {};
-	if ( room_data && room_data.badges )
-		badge_data = _.extend({}, badge_data, room_data.badges);
-
-	// If there's no user, we're done now.
-	if ( ! badge_data )
-		return;
-
-	// We have a user. Start replacing badges.
-	for (var slot in badge_data) {
-		var badge = badge_data[slot];
-		if ( ! badge_data.hasOwnProperty(slot) || ! badge )
-			continue;
-
-		var badge_id = badge.real_id || badge.id,
-			full_badge = this.badges[badge_id] || {},
-			full_badge_id = full_badge.real_id || full_badge.id,
-			desc = badge.title || full_badge.title,
-			style = "",
-			klass = 'ffz-badge-' + badge_id + (alpha ? ' alpha' : ''),
-
-			hide_key = (full_badge.source_ext ? this._apis[full_badge.source_ext].name_key : 'ffz') + '-' + (full_badge.name || full_badge.id);
-
-		if ( hidden_badges.indexOf(hide_key) !== -1 )
-			continue;
-
-		if ( full_badge.visible !== undefined ) {
-			var visible = full_badge.visible;
-			if ( typeof visible === "function" )
-				visible = visible.call(this, data.room, user_id);
-
-			if ( ! visible )
-				continue;
-		}
-
-		if ( alpha && badge.transparent_image )
-			style += 'background-image: url("' + badge.transparent_image + '");';
-		else if ( badge.image )
-			style += 'background-image: url("' + badge.image + '");';
-
-		if ( badge.color && ! alpha )
-			style += 'background-color: ' + badge.color + '; ';
-
-		if ( badge.extra_css )
-			style += badge.extra_css;
-
-		if ( style )
-			desc += '" style="' + utils.quote_attr(style);
-
-		var replaces = badge.hasOwnProperty('replaces') ? badge.replaces : full_badge.replaces,
-			replace_mode = badge.replace_mode || full_badge.replace_mode || 'merge';
-
-		if ( replaces ) {
-			var replaced = false;
-			for(var i=0; i < data.badges.length; i++) {
-				var b = data.badges[i];
-				if ( b.type === full_badge.replaces_type ) {
-					if ( replace_mode === 'merge' ) {
-						b.type += " ffz-badge-replacement ffz-replacer-ffz-badge-" + (badge_id || full_badge_id);
-						b.description += ", " + (badge.title || full_badge.title) +
-						(badge.image ? '" style="background-image: url(' + utils.quote_attr('"' + badge.image + '"') + ')' : '');
-
-					} else if ( replace_mode === 'keep_title' ) {
-						data.badges[i] = {
-							type: klass,
-							name: '',
-							description: b.description + ', ' + desc
-						};
-
-					} else if ( replace_mode === 'title_only' ) {
-						b.description += ', ' + (badge.title || full_badge.title);
-					} else {
-						data.badges[i] = {type: klass, name: '', description: desc};
-					}
-
-					replaced = true;
-					break;
-				}
-			}
-
-			if ( replaced )
-				continue;
-		}
-
-		badges_out.push([(insert_at == -1 ? 1 : -1) * slot, {type: klass, name: "", description: desc}]);
-	}
-
-	badges_out.sort(function(a,b){return a[0] - b[0]});
-
-	if ( insert_at == -1 ) {
-		while(badges_out.length)
-			data.badges.push(badges_out.shift()[1]);
-	} else {
-		while(badges_out.length)
-			data.badges.insertAt(insert_at, badges_out.shift()[1]);
-	}
-}
-
-
-// --------------------
-// Badge Loading
-// --------------------
-
-FFZ.bttv_known_bots = ["nightbot","moobot","sourbot","xanbot","manabot","mtgbot","ackbot","baconrobot","tardisbot","deejbot","valuebot","stahpbot"];
-
-FFZ.prototype.load_badges = function(callback, tries) {
-	var f = this;
-	jQuery.getJSON(constants.API_SERVER + "v1/badges")
-		.done(function(data) {
-			var badge_total = 0,
-				badge_count = 0,
-				badge_data = {};
-
-			for(var i=0; i < data.badges.length; i++) {
-				var badge = data.badges[i];
-				if ( badge && badge.name ) {
-					f._load_badge_json(badge.id, badge);
-					badge_total++;
-				}
-			}
-
-			if ( data.users )
-				for(var badge_id in data.users)
-					if ( data.users.hasOwnProperty(badge_id) && f.badges[badge_id] ) {
-						var badge = f.badges[badge_id],
-							users = data.users[badge_id];
-
-						badge_data[badge.name] = users.length;
-
-						for(var i=0; i < users.length; i++) {
-							var user = users[i],
-								ud = f.users[user] = f.users[user] || {},
-								badges = ud.badges = ud.badges || {};
-
-							badge_count++;
-							badges[badge.slot] = {id: badge.id};
-						}
-
-						f.log('Added "' + badge.name + '" badge to ' + utils.number_commas(users.length) + ' users.');
-					}
-
-			// Special Badges
-			var zw = f.users.zenwan = f.users.zenwan || {},
-				badges = zw.badges = zw.badges || {};
-			if ( ! badges[1] )
-				badge_count++;
-			badges[1] = {id: 2, image: "//cdn.frankerfacez.com/script/momiglee_badge.png", title: "WAN"};
-
-			f.log("Loaded " + utils.number_commas(badge_count) + " total badges across " + badge_total + " types.");
-			typeof callback === "function" && callback(true, badge_count, badge_total, badge_data);
-
-		}).fail(function(data) {
-			if ( data.status === 404 )
-				return typeof callback === "function" && callback(false);
-
-			tries = (tries || 0) + 1;
-			if ( tries < 10 )
-				return setTimeout(f.load_badges.bind(f, callback, tries), 500 + 500*tries);
-
-			f.error("Unable to load badge data. [HTTP Status " + data.status + "]", data);
-			typeof callback === "function" && callback(false);
-		});
-}
-
-
-FFZ.prototype._load_badge_json = function(badge_id, data) {
-	this.badges[badge_id] = data;
-	if ( data.replaces ) {
-		data.replaces_type = data.replaces;
-		data.replaces = true;
-	}
-
-	if ( data.name === 'bot' )
-		data.visible = function(r,user) { return !(this.has_bttv && FFZ.bttv_known_bots.indexOf(user)!==-1); };
-
-	if ( data.name === 'developer' || data.name === 'supporter' )
-		data.click_url = 'https://www.frankerfacez.com/donate';
-
-	utils.update_css(this._badge_style, badge_id, utils.badge_css(data));
-}
\ No newline at end of file
diff --git a/src/commands.js b/src/commands.js
deleted file mode 100644
index d667b18a..00000000
--- a/src/commands.js
+++ /dev/null
@@ -1,531 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	constants = require('./constants'),
-	utils = require('./utils'),
-
-	KNOWN_COMMANDS = ['ffz', 'unban', 'ban', 'timeout', 'r9kbeta', 'r9kbetaoff', 'slow', 'slowoff', 'subscribers', 'subscribersoff', 'mod', 'unmod', 'me', 'emoteonly', 'emoteonlyoff', 'host', 'unhost', 'commercial'],
-
-	STATUS_CODES = {
-		400: "Bad Request",
-		401: "Unauthorized",
-		403: "Forbidden",
-		404: "Not Found",
-		500: "Internal Server Error"
-	},
-
-	format_result = function(response) {
-		if ( typeof response === "string" )
-			return response;
-
-		else if ( Array.isArray(response) )
-			return _.map(response, format_result).join(", ");
-
-		return JSON.stringify(response);
-	},
-
-	ObjectPath = require('./ObjectPath');
-
-
-FFZ.ObjectPath = ObjectPath;
-
-// -----------------
-// Settings
-// -----------------
-
-FFZ.settings_info.command_aliases = {
-	type: "button",
-	value: [],
-
-	category: "Chat Moderation",
-	no_bttv: 6,
-
-	name: "Command Aliases",
-	help: "Define custom commands for chat that are shortcuts for other commands or messages to send in chat.",
-
-	on_update: function() {
-		this.cache_command_aliases();
-	},
-
-	method: function() {
-			var f = this,
-				old_val = [],
-				input = utils.createElement('textarea');
-
-			input.style.marginBottom = '20px';
-
-			for(var i=0; i < this.settings.command_aliases.length; i++) {
-				var pair = this.settings.command_aliases[i],
-					name = pair[0],
-					command = pair[1],
-					label = pair[2];
-
-				old_val.push(name + (label ? ' ' + label : '') + '=' + command);
-			}
-
-			utils.prompt(
-				"Command Aliases",
-					"Please enter a list of custom commands that you would like to use in Twitch chat. " +
-					"One item per line. To send multiple commands, separate them with <code>&lt;LINE&gt;</code>. " +
-					"Variables, such as arguments you provide running the custom command, can be inserted into the output.<hr>" +
-
-					"All custom commands require names. Names go at the start of each line, and are separated from " +
-					"the actual command by an equals sign. Do not include the leading slash or dot. Those are automatically included. " +
-					"You can also include a description of the arguments after the name but before the equals-sign " +
-					"to include a helpful reminder when using tab-completion with the command.<br>" +
-					"<strong>Example:</strong> <code>boop &lt;user&gt;=/timeout {0} 15 Boop!</code><hr>" +
-
-					"<code>{0}</code>, <code>{1}</code>, <code>{2}</code>, etc. will be replaced with any arguments you've supplied. " +
-					"Follow an argument index with a <code>$</code> to also include all remaining arguments.<br>" +
-					"<strong>Example:</strong> <code>boop=/timeout {0} 15 {1$}</code><hr>" +
-
-					"<strong>Allowed Variables</strong><br><table><tbody>" +
-					"<tr><td><code>{room}</code></td><td>chat room's name</td>" +
-					"<td><code>{room_name}</code></td><td>chat room's name</td></tr>" +
-					"<tr><td><code>{room_display_name}</code></td><td>chat room's display name</td>" +
-					"<td><code>{room_id}</code></td><td>chat room's numeric ID</td></tr>" +
-					"</tbody></table>",
-				old_val.join("\n"),
-				function(new_val) {
-					if ( new_val === null || new_val === undefined )
-						return;
-
-					var vals = new_val.trim().split(/\s*\n\s*/g),
-						output = [];
-
-					for(var i=0; i < vals.length; i++) {
-						var cmd = vals[i];
-						if ( cmd.charAt(0) === '.' || cmd.charAt(0) === '/' )
-							cmd = cmd.substr(1);
-
-						var name,
-							label,
-							name_match = /^([^=]+)=/.exec(cmd);
-
-						if ( ! cmd || ! cmd.length )
-							continue;
-
-						if ( name_match ) {
-							var ind = name_match[1].indexOf(' ');
-							if ( ind === -1 ) {
-								name = name_match[1].toLowerCase();
-								label = null;
-							} else {
-								name = name_match[1].substr(0,ind).toLowerCase();
-								label = name_match[1].substr(ind).trim();
-							}
-
-							cmd = cmd.substr(name_match[0].length);
-						}
-
-						output.push([name, cmd, label]);
-					}
-
-					f.settings.set("command_aliases", output);
-
-				}, 600, input);
-		}
-	};
-
-
-FFZ.prototype._command_aliases = {};
-
-FFZ.prototype.cache_command_aliases = function() {
-	var aliases = this._command_aliases = {};
-	for(var i=0; i < this.settings.command_aliases.length; i++) {
-		var pair = this.settings.command_aliases[i],
-			name = pair[0],
-			command = pair[1],
-			label = pair[2];
-
-		// Skip taken/invalid names.
-		if ( ! name || ! name.length || aliases[name] || KNOWN_COMMANDS.indexOf(name) !== -1 )
-			continue;
-
-		aliases[name] = [command, label];
-	}
-
-	if ( this._inputv )
-		Ember.propertyDidChange(this._inputv, 'ffz_commands');
-}
-
-
-
-// -----------------
-// Log Export
-// -----------------
-
-FFZ.ffz_commands.log = function(room, args) {
-	var f = this;
-	this.get_debugging_info().then(function(result) {
-		f._pastebin(result).then(function(url) {
-			f.room_message(room, "Your FrankerFaceZ logs have been pasted to: " + url);
-		}).catch(function() {
-			f.room_message(room, "An error occured uploading the logs to a pastebin.");
-		});
-	});
-};
-
-
-// -----------------
-// Data Reload
-// -----------------
-
-FFZ.ffz_commands.reload = function(room, args) {
-	var f = this,
-		promises = [];
-
-	// Feature Friday. There's no feedback possible so don't use a promise.
-	this.check_ff();
-
-	// Badge Information
-	promises.push(new Promise(function(done, fail) {
-		f.load_badges(function(success, badge_count, badge_total, badge_data) {
-			done(success ? [badge_count, badge_total, badge_data] : [0, 0, {}]);
-		});
-	}));
-
-
-	// Emote Sets
-	for(var set_id in this.emote_sets) {
-		var es = this.emote_sets[set_id];
-		if ( ! es || es.hasOwnProperty('source_ext') )
-			continue;
-
-		promises.push(new Promise(function(done, fail) {
-			f.load_set(set_id, done);
-		}));
-	}
-
-
-	// Do it!
-	Promise.all(promises).then(function(results) {
-		try {
-			var success = 0,
-				badge_count = results[0][0],
-				badge_total = results[0][1],
-				badges = results[0][2],
-				total = results.length - 1,
-				badge_string = [];
-
-			if ( results.length > 1 ) {
-				for(var i=1; i < results.length; i++) {
-					if ( results[i] )
-						success++;
-				}
-			}
-
-			for(var key in badges) {
-				if ( badges.hasOwnProperty(key) )
-					badge_string.push(key + ': ' + badges[key])
-			}
-
-			f.room_message(room, "Loaded " + utils.number_commas(badge_count) + " badge" + utils.pluralize(badge_count) + " across " + utils.number_commas(badge_total) + " badge type" + utils.pluralize(badge_total) + (badge_string.length ? " (" + badge_string.join(", ") + ")" : "") + ". Successfully reloaded " + utils.number_commas(success) + " of " + utils.number_commas(total) + " emoticon set" + utils.pluralize(total) + ".");
-
-		} catch(err) {
-			f.room_message(room, "An error occured running the command.");
-			f.error("Error Running FFZ Reload", err);
-		}
-	})
-}
-
-
-// -----------------
-// Moderation Cards
-// -----------------
-
-FFZ.chat_commands.card = function(room, args) {
-	if ( ! args || ! args.length || args.length > 1 )
-		return "Usage: /card <username>";
-
-	if ( ! this._roomv )
-		return "An error occured. (We don't have the Room View.)";
-
-	// Get the position of the input box.
-	var el = this._roomv.get('element'),
-		ta = el && el.querySelector('textarea'),
-		bounds = ta && ta.getBoundingClientRect(),
-
-		x = 0, y = 0, bottom, right;
-
-	if ( ! bounds )
-		bounds = el && el.getBoundingClientRect() || document.body.getBoundingClientRect();
-
-	if ( bounds ) {
-		if ( bounds.left > 400 ) {
-			right = bounds.left - 40;
-			bottom = bounds.top + bounds.height;
-		} else {
-			x = bounds.left - 20;
-			bottom = bounds.top - 20;
-		}
-	}
-
-	this._roomv.actions.showModOverlay.call(this._roomv, {
-		top: y,
-		left: x,
-		bottom: bottom,
-		right: right,
-		sender: args[0]
-	});
-}
-
-FFZ.chat_commands.card.label = '/card &lt;user&gt;';
-FFZ.chat_commands.card.info = 'Open Moderation Card';
-
-
-FFZ.chat_commands.rules = function(room, args) {
-	var f = this,
-		r = room.room;
-
-	r.waitForRoomProperties().then(function() {
-		var rules = r.get("roomProperties.chat_rules");
-		if ( ! rules || ! rules.length )
-			return f.room_message(room, "This chat room does not have rules set.");
-
-		r.set("chatRules", rules);
-		r.set("shouldDisplayChatRules", true);
-	});
-}
-
-FFZ.chat_commands.rules.info = 'Show Chat Room Rules';
-
-
-FFZ.chat_commands.open_link = function(room, args) {
-	if ( ! args || ! args.length )
-		return "Usage: /open_link <url>";
-
-	var wnd = window.open(args.join(" "), "_blank");
-	wnd.opener = null;
-}
-
-FFZ.chat_commands.open_link.label = '/open_link &lt;url&gt;';
-FFZ.chat_commands.open_link.info = 'Open URL in Tab';
-
-
-FFZ.chat_commands.fetch_link = function(room, args) {
-	if ( ! args || ! args.length )
-		return "Usage: /fetch_link <url> [template]\nTemplates use http://objectpath.org/ to format data. Default Template is \"Response: #$#\"";
-
-	var f = this,
-		url = args.shift(),
-		headers = {};
-
-	if ( /https?:\/\/[^.]+\.twitch\.tv\//.test(url) )
-		headers['Client-ID'] = constants.CLIENT_ID;
-
-	jQuery.ajax({
-		url: url,
-		headers: headers,
-
-		success: function(data) {
-			f.log("Response Received", data);
-			args = (args && args.length) ? args.join(" ").split(/#/g) : ["Response: ", "$"];
-
-			if ( typeof data === "string" )
-				data = [data];
-
-			var is_special = true,
-				output = [],
-				op = new ObjectPath(data);
-
-			for(var i=0; i < args.length; i++) {
-				var segment = args[i];
-				is_special = !is_special;
-				if ( ! is_special )
-					output.push(segment);
-				else
-					try {
-						output.push(format_result(op.execute(segment)));
-					} catch(err) {
-						f.log("Error", err);
-						output.push("[Error: " + (err.message || err) + "]");
-					}
-			}
-
-			f.room_message(room, output.join(''));
-
-		},
-		error: function(xhr) {
-			f.log("Request Error", xhr);
-			f.room_message(room, "Request Failed: " + (xhr.status === 0 ? 'Unknown Error. ' + (url.indexOf('https') === -1 ? 'Please make sure you\'re making HTTPS requests.' : 'Likely a CORS problem. Check your browser\'s Networking console for more.') : xhr.status + ' ' + (STATUS_CODES[xhr.status] || '' )));
-		}
-	});
-}
-
-FFZ.chat_commands.fetch_link.label = '/fetch_link &lt;url&gt; <i>[template]</i>';
-FFZ.chat_commands.fetch_link.info = 'Fetch URL and Display in Chat';
-
-
-// --------------------------
-// Message-Specific Deletion
-// --------------------------
-
-FFZ.chat_commands.timeout_message = function(room, args) {
-	var username = args.shift(),
-		target_message = args.shift(),
-		duration = args.shift(),
-		reason = args.join(' ');
-
-	if ( ! username || ! target_message )
-		return 'Usage: /timeout_message <username> <target-message-id> [duration=600] [reason]\nTimeout a user and provide the ID of a specific message to remove.';
-
-	room.room.sendTags('/timeout ' + username + ' ' + (duration || '600') + (reason ? ' ' + reason : ''), {
-		'target-message-id': target_message
-	});
-}
-
-
-// ---------------------
-// Group Chat Renaming
-// ---------------------
-
-FFZ.chat_commands.renamegroup = function(room, args) {
-	var f = this,
-		new_name = args.join(' ');
-	if ( ! new_name.length )
-		return "Usage: /renamegroup <name>\nGroup owner only. Rename a group chat.";
-
-	// Check that the length of the arguments is less than 120 bytes
-	else if ( utils.utf8_encode(new_name).length > 120 )
-		return "You entered a room name that is too long.";
-
-	// Set the group name
-	room.room.tmiRoom.session._depotApi.put("/rooms/" + room.id, {
-		display_name: new_name
-	}).then(function(result) {
-		if ( result && result.room && result.room.display_name === new_name )
-			f.room_message(room, 'The room was renamed to: ' + new_name);
-		else
-			f.room_message(room, 'The room name was not changed successfully.')
-	});
-}
-
-FFZ.chat_commands.renamegroup.label = '/renamegroup &lt;name&gt;';
-FFZ.chat_commands.renamegroup.info = 'Rename a group chat. Group owner only.'
-FFZ.chat_commands.renamegroup.enabled = function(room) {
-	// Are we in a group chat and are we the owner?
-	return room && room.room && room.room.get('isGroupRoom') && room.room.get('isOwner');
-}
-
-
-// -----------------
-// Promoted Messages
-// -----------------
-
-FFZ.ffz_commands.promote = function(room, args) {
-	args = args.join(" ").trim();
-	var f = this;
-
-	if ( ! args.length || args.indexOf(' ') !== -1 )
-		return "You must provide only a single message ID. This is easiest to add as a custom in-line moderation action.";
-
-	if ( ! this.ws_send("promote_message", [room.id, args], function(success, data) {
-		if ( ! success ) {
-			f.log("Promotion Error: " + JSON.stringify(data));
-			f.room_message(room, "There was an error promoting the message.");
-		}
-	}) )
-		return "There was an error communicating with the server.";
-}
-
-
-// -----------------
-// Mass Moderation
-// -----------------
-
-FFZ.ffz_commands.massunmod = function(room, args) {
-	args = args.join(" ").trim();
-
-	if ( ! args.length )
-		return "You must provide a list of users to unmod.";
-
-	args = args.split(/\W*,\W*/);
-
-	var user = this.get_user();
-	if ( ! user || ! user.login == room.id )
-		return "You must be the broadcaster to use massunmod.";
-
-	if ( args.length > 50 )
-		return "Each user you unmod counts as a single message. To avoid being globally banned, please limit yourself to 50 at a time and wait between uses.";
-
-	var count = args.length;
-	while(args.length) {
-		var name = args.shift();
-		room.room.tmiRoom.sendMessage("/unmod " + name);
-	}
-
-	return "Sent unmod command for " + count + " users.";
-}
-
-FFZ.ffz_commands.massunmod.help = "Usage: /ffz massunmod <list, of, users>\nBroadcaster only. Unmod all the users in the provided list.";
-
-
-FFZ.ffz_commands.massmod = function(room, args) {
-	args = args.join(" ").trim();
-
-	if ( ! args.length )
-		return "You must provide a list of users to mod.";
-
-	args = args.split(/\W*,\W*/);
-
-	var user = this.get_user();
-	if ( ! user || ! user.login == room.id )
-		return "You must be the broadcaster to use massmod.";
-
-	if ( args.length > 50 )
-		return "Each user you mod counts as a single message. To avoid being globally banned, please limit yourself to 50 at a time and wait between uses.";
-
-	var count = args.length;
-	while(args.length) {
-		var name = args.shift();
-		room.room.tmiRoom.sendMessage("/mod " + name);
-	}
-
-	return "Sent mod command for " + count + " users.";
-}
-
-FFZ.ffz_commands.massmod.help = "Usage: /ffz massmod <list, of, users>\nBroadcaster only. Mod all the users in the provided list.";
-
-
-// -----------------
-// Mass Unbanning
-// -----------------
-
-FFZ.prototype.get_banned_users = function() {
-	var f = this;
-	return new Promise(function(succeed, fail) {
-		var user = f.get_user();
-		if ( ! user )
-			return fail();
-
-		jQuery.get("/settings/channel").done(function(data) {
-			try {
-				var dom = new DOMParser().parseFromString(data, 'text/html'),
-					users = _.pluck(dom.querySelectorAll('.ban .obj'), 'textContent');
-
-				succeed(_.map(users, function(x) { return x.trim() }));
-
-			} catch(err) {
-				f.error("Failed to parse banned users", err);
-				fail();
-			}
-
-		}).fail(function(err) {
-			f.error("Failed to load banned users", err);
-			fail();
-		})
-	});
-}
-
-/*FFZ.ffz_commands.massunban = function(room, args) {
-	var user = this.get_user();
-	if ( ! user || (user.login !== room.id && ! user.is_admin && ! user.is_staff) )
-		return "You must be the broadcaster to use massunban.";
-
-
-}*/
-
-
-/*FFZ.ffz_commands.massunban = function(room, args) {
-	args = args.join(" ").trim();
-
-}*/
diff --git a/src/constants.js b/src/constants.js
deleted file mode 100644
index 5dabc5c5..00000000
--- a/src/constants.js
+++ /dev/null
@@ -1,146 +0,0 @@
-var SVGPATH = 'm120.95 1.74c4.08-0.09 8.33-0.84 12.21 0.82 3.61 1.8 7 4.16 11.01 5.05 2.08 3.61 6.12 5.46 8.19 9.07 3.6 5.67 7.09 11.66 8.28 18.36 1.61 9.51 7.07 17.72 12.69 25.35 3.43 7.74 1.97 16.49 3.6 24.62 2.23 5.11 4.09 10.39 6.76 15.31 1.16 2 4.38 0.63 4.77-1.32 1.2-7.1-2.39-13.94-1.97-21.03 0.38-3.64-0.91-7.48 0.25-10.99 2.74-3.74 4.57-8.05 7.47-11.67 3.55-5.47 10.31-8.34 16.73-7.64 2.26 2.89 5.13 5.21 7.58 7.92 2.88 4.3 6.52 8.01 9.83 11.97 1.89 2.61 3.06 5.64 4.48 8.52 2.81 4.9 4 10.5 6.63 15.49 2.16 6.04 5.56 11.92 5.37 18.5 0.65 1.95 0.78 4 0.98 6.03 1.01 3.95 2.84 8.55 0.63 12.42-2.4 5.23-7.03 8.97-11.55 12.33-6.06 4.66-11.62 10.05-18.37 13.75-4.06 2.65-8.24 5.17-12.71 7.08-3.59 1.57-6.06 4.94-9.85 6.09-2.29 1.71-3.98 4.51-6.97 5.02-4.56 1.35-8.98-3.72-13.5-1.25-2.99 1.83-6.19 3.21-9.39 4.6-8.5 5.61-18.13 9.48-28.06 11.62-8.36-0.2-16.69 0.62-25.05 0.47-3.5-1.87-7.67-1.08-11.22-2.83-6.19-1.52-10.93-6.01-16.62-8.61-2.87-1.39-5.53-3.16-8.11-4.99-2.58-1.88-4.17-4.85-6.98-6.44-3.83-0.11-6.54 3.42-10.24 3.92-2.31 0.28-4.64 0.32-6.96 0.31-3.5-3.65-5.69-8.74-10.59-10.77-5.01-3.68-10.57-6.67-14.84-11.25-2.52-2.55-5.22-4.87-8.24-6.8-4.73-4.07-7.93-9.51-11.41-14.62-3.08-4.41-5.22-9.73-4.6-15.19 0.65-8.01 0.62-16.18 2.55-24.02 4.06-10.46 11.15-19.34 18.05-28.06 3.71-5.31 9.91-10.21 16.8-8.39 3.25 1.61 5.74 4.56 7.14 7.89 1.19 2.7 3.49 4.93 3.87 7.96 0.97 5.85 1.6 11.86 0.74 17.77-1.7 6.12-2.98 12.53-2.32 18.9 0.01 2.92 2.9 5.36 5.78 4.57 3.06-0.68 3.99-4.07 5.32-6.48 1.67-4.06 4.18-7.66 6.69-11.23 3.61-5.28 5.09-11.57 7.63-17.37 2.07-4.56 1.7-9.64 2.56-14.46 0.78-7.65-0.62-15.44 0.7-23.04 1.32-3.78 1.79-7.89 3.8-11.4 3.01-3.66 6.78-6.63 9.85-10.26 1.72-2.12 4.21-3.32 6.55-4.6 7.89-2.71 15.56-6.75 24.06-7z',
-
-	DEBUG = localStorage.ffzDebugMode == "true" && document.body.classList.contains('ffz-dev'),
-	SERVER = DEBUG ? "//localhost:8000/" : "https://cdn.frankerfacez.com/",
-
-	IS_OSX = navigator.platform ? navigator.platform.indexOf('Mac') !== -1 : /OS X/.test(navigator.userAgent),
-	IS_WIN = navigator.platform ? navigator.platform.indexOf('Win') !== -1 : /Windows/.test(navigator.userAgent),
-	IS_WEBKIT = navigator.userAgent.indexOf('AppleWebKit/') !== -1 && navigator.userAgent.indexOf('Edge/') === -1,
-
-	SEPARATORS = "[\\s`~<>!-#%-\\x2A,-/:;\\x3F@\\x5B-\\x5D_\\x7B}\\u00A1\\u00A7\\u00AB\\u00B6\\u00B7\\u00BB\\u00BF\\u037E\\u0387\\u055A-\\u055F\\u0589\\u058A\\u05BE\\u05C0\\u05C3\\u05C6\\u05F3\\u05F4\\u0609\\u060A\\u060C\\u060D\\u061B\\u061E\\u061F\\u066A-\\u066D\\u06D4\\u0700-\\u070D\\u07F7-\\u07F9\\u0830-\\u083E\\u085E\\u0964\\u0965\\u0970\\u0AF0\\u0DF4\\u0E4F\\u0E5A\\u0E5B\\u0F04-\\u0F12\\u0F14\\u0F3A-\\u0F3D\\u0F85\\u0FD0-\\u0FD4\\u0FD9\\u0FDA\\u104A-\\u104F\\u10FB\\u1360-\\u1368\\u1400\\u166D\\u166E\\u169B\\u169C\\u16EB-\\u16ED\\u1735\\u1736\\u17D4-\\u17D6\\u17D8-\\u17DA\\u1800-\\u180A\\u1944\\u1945\\u1A1E\\u1A1F\\u1AA0-\\u1AA6\\u1AA8-\\u1AAD\\u1B5A-\\u1B60\\u1BFC-\\u1BFF\\u1C3B-\\u1C3F\\u1C7E\\u1C7F\\u1CC0-\\u1CC7\\u1CD3\\u2010-\\u2027\\u2030-\\u2043\\u2045-\\u2051\\u2053-\\u205E\\u207D\\u207E\\u208D\\u208E\\u2329\\u232A\\u2768-\\u2775\\u27C5\\u27C6\\u27E6-\\u27EF\\u2983-\\u2998\\u29D8-\\u29DB\\u29FC\\u29FD\\u2CF9-\\u2CFC\\u2CFE\\u2CFF\\u2D70\\u2E00-\\u2E2E\\u2E30-\\u2E3B\\u3001-\\u3003\\u3008-\\u3011\\u3014-\\u301F\\u3030\\u303D\\u30A0\\u30FB\\uA4FE\\uA4FF\\uA60D-\\uA60F\\uA673\\uA67E\\uA6F2-\\uA6F7\\uA874-\\uA877\\uA8CE\\uA8CF\\uA8F8-\\uA8FA\\uA92E\\uA92F\\uA95F\\uA9C1-\\uA9CD\\uA9DE\\uA9DF\\uAA5C-\\uAA5F\\uAADE\\uAADF\\uAAF0\\uAAF1\\uABEB\\uFD3E\\uFD3F\\uFE10-\\uFE19\\uFE30-\\uFE52\\uFE54-\\uFE61\\uFE63\\uFE68\\uFE6A\\uFE6B\\uFF01-\\uFF03\\uFF05-\\uFF0A\\uFF0C-\\uFF0F\\uFF1A\\uFF1B\\uFF1F\\uFF20\\uFF3B-\\uFF3D\\uFF3F\\uFF5B\\uFF5D\\uFF5F-\\uFF65]",
-	SPLITTER = new RegExp(SEPARATORS + "*," + SEPARATORS + "*"),
-
-	svg = function(cls, width, height, path, viewbox) {
-		return '<svg version="1.1" class="ffz-svg svg-' + cls + '" height="' + height + 'px" width="' + width + 'px" x="0px" y="0px" viewbox="' + (viewbox||'0 0 16 16') + '"><path clip-rule="evenodd" fill-rule="evenodd" d="' + path + '"></path></svg>';
-	};
-
-
-module.exports = FrankerFaceZ.constants = {
-	DEBUG: DEBUG,
-	SERVER: SERVER,
-
-	LV_SOCKET_SERVER: "wss://cbenni.com/socket.io/",
-
-	IS_OSX: IS_OSX,
-	IS_WIN: IS_WIN,
-	IS_WEBKIT: IS_WEBKIT,
-	META_NAME: IS_OSX ? "⌘" : (IS_WIN ? "Win" : "Meta"),
-
-	// ITAD Stuff
-	ITAD_SERVER: "https://api.isthereanydeal.com/",
-	ITAD_CLIENT_ID: "ffdd6ec4951be145",
-	ITAD_API_KEY: "43667479346a55e9b473f605a6b07ede02c8f3b2",
-
-	// Twitch Client ID for API Stuff
-	CLIENT_ID: "a3bc9znoz6vi8ozsoca0inlcr4fcvkl",
-
-	API_SERVER: "https://api.frankerfacez.com/",
-
-	WS_SERVER_POOLS: {
-		1: [
-			["wss://catbag.frankerfacez.com/", 0.25],
-			["wss://andknuckles.frankerfacez.com/", 1],
-			["wss://tuturu.frankerfacez.com/", 1]],
-		2: [
-			["wss://10.1.1.10:8003/", 1]]
-	},
-
-	CHAT_COLORS: ["#FF0000", "#0000FF", "#008000", "#B22222", "#FF7F50", "#9ACD32", "#FF4500", "#2E8B57", "#DAA520", "#D2691E", "#5F9EA0", "#1E90FF", "#FF69B4", "#8A2BE2", "#00FF7F"],
-
-	TOOLTIP_DISTANCE: 25,
-
-	SEPARATORS: SEPARATORS,
-	SPLITTER: SPLITTER,
-
-	NO_LOGO: "//static-cdn.jtvnw.net/jtv_user_pictures/xarth/404_user_150x150.png",
-	UUID_TEST: /(?:^| +)([0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}) *$/i,
-
-	KNOWN_CODES: {
-		"#-?[\\\\/]": "#-/",
-		":-?(?:7|L)": ":-7",
-		"\\&lt\\;\\]": "<]",
-		"\\:-?(S|s)": ":-S",
-		"\\:-?\\\\": ":-\\",
-		"\\:\\&gt\\;": ":>",
-		"B-?\\)": "B-)",
-		"\\:-?[z|Z|\\|]": ":-Z",
-		"\\:-?\\)": ":-)",
-		"\\:-?\\(": ":-(",
-		"\\:-?(p|P)": ":-P",
-		"\\;-?(p|P)": ";-P",
-		"\\&lt\\;3": "<3",
-		"\\:-?[\\\\/]": ":-/",
-		"\\;-?\\)": ";-)",
-		"R-?\\)": "R-)",
-		"[oO](_|\\.)[oO]": "O.o",
-		"[o|O](_|\\.)[o|O]": "O.o",
-		"\\:-?D": ":-D",
-		"\\:-?(o|O)": ":-O",
-		"\\&gt\\;\\(": ">(",
-		"Gr(a|e)yFace": "GrayFace"
-		},
-
-	TWITCH_BASE: '//static-cdn.jtvnw.net/emoticons/v1/',
-	EMOTE_MIRROR_BASE: SERVER + "twitch-emote-mirror/",
-
-	EMOTE_REPLACEMENT_BASE: SERVER + "script/replacements/",
-	EMOTE_REPLACEMENTS: {
-		15: "15-JKanStyle.png",
-		16: "16-OptimizePrime.png",
-		17: "17-StoneLightning.png",
-		18: "18-TheRinger.png",
-		19: "19-PazPazowitz.png",
-		20: "20-EagleEye.png",
-		21: "21-CougarHunt.png",
-		22: "22-RedCoat.png",
-		26: "26-JonCarnage.png",
-		27: "27-PicoMause.png",
-		30: "30-BCWarrior.png",
-		33: "33-DansGame.png",
-		36: "36-PJSalt.png"
-	},
-
-	EMOJI_REGEX: /(\uD83C\uDFF4\uDB40\uDC67\uDB40\uDC62(?:\uDB40\uDC65\uDB40\uDC6E\uDB40\uDC67|\uDB40\uDC77\uDB40\uDC6C\uDB40\uDC73|\uDB40\uDC73\uDB40\uDC63\uDB40\uDC74)\uDB40\uDC7F|\uD83D\uDC69\u200D\uD83D\uDC69\u200D(?:\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67]))|\uD83D\uDC68(?:\u200D(?:\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D)?\uD83D\uDC68|(?:\uD83D[\uDC68\uDC69])\u200D(?:\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67]))|\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67])|[\u2695\u2696\u2708]\uFE0F|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92])|(?:\uD83C[\uDFFB-\uDFFF])\u200D[\u2695\u2696\u2708]\uFE0F|(?:\uD83C[\uDFFB-\uDFFF])\u200D(?:\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]))|\uD83D\uDC69\u200D(?:\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D(?:\uD83D[\uDC68\uDC69])|\uD83D[\uDC68\uDC69])|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92])|\uD83D\uDC69\u200D\uD83D\uDC66\u200D\uD83D\uDC66|(?:\uD83D\uDC41\uFE0F\u200D\uD83D\uDDE8|\uD83D\uDC69(?:\uD83C[\uDFFB-\uDFFF])\u200D[\u2695\u2696\u2708]|(?:(?:\u26F9|\uD83C[\uDFCB\uDFCC]|\uD83D\uDD75)\uFE0F|\uD83D\uDC6F|\uD83E[\uDD3C\uDDDE\uDDDF])\u200D[\u2640\u2642]|(?:\u26F9|\uD83C[\uDFCB\uDFCC]|\uD83D\uDD75)(?:\uD83C[\uDFFB-\uDFFF])\u200D[\u2640\u2642]|(?:\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD37-\uDD39\uDD3D\uDD3E\uDDD6-\uDDDD])(?:(?:\uD83C[\uDFFB-\uDFFF])\u200D[\u2640\u2642]|\u200D[\u2640\u2642])|\uD83D\uDC69\u200D[\u2695\u2696\u2708])\uFE0F|\uD83D\uDC69\u200D\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67])|\uD83D\uDC69\u200D\uD83D\uDC69\u200D(?:\uD83D[\uDC66\uDC67])|\uD83D\uDC68(?:\u200D(?:(?:\uD83D[\uDC68\uDC69])\u200D(?:\uD83D[\uDC66\uDC67])|\uD83D[\uDC66\uDC67])|\uD83C[\uDFFB-\uDFFF])|\uD83C\uDFF3\uFE0F\u200D\uD83C\uDF08|\uD83D\uDC69\u200D\uD83D\uDC67|\uD83D\uDC69(?:\uD83C[\uDFFB-\uDFFF])\u200D(?:\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92])|\uD83D\uDC69\u200D\uD83D\uDC66|\uD83C\uDDF4\uD83C\uDDF2|\uD83C\uDDFD\uD83C\uDDF0|\uD83C\uDDF6\uD83C\uDDE6|\uD83D\uDC69(?:\uD83C[\uDFFB-\uDFFF])|\uD83C\uDDFC(?:\uD83C[\uDDEB\uDDF8])|\uD83C\uDDEB(?:\uD83C[\uDDEE-\uDDF0\uDDF2\uDDF4\uDDF7])|\uD83C\uDDE9(?:\uD83C[\uDDEA\uDDEC\uDDEF\uDDF0\uDDF2\uDDF4\uDDFF])|\uD83C\uDDE7(?:\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEF\uDDF1-\uDDF4\uDDF6-\uDDF9\uDDFB\uDDFC\uDDFE\uDDFF])|\uD83C\uDDF1(?:\uD83C[\uDDE6-\uDDE8\uDDEE\uDDF0\uDDF7-\uDDFB\uDDFE])|\uD83C\uDDFE(?:\uD83C[\uDDEA\uDDF9])|\uD83C\uDDF9(?:\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDED\uDDEF-\uDDF4\uDDF7\uDDF9\uDDFB\uDDFC\uDDFF])|\uD83C\uDDF5(?:\uD83C[\uDDE6\uDDEA-\uDDED\uDDF0-\uDDF3\uDDF7-\uDDF9\uDDFC\uDDFE])|\uD83C\uDDEF(?:\uD83C[\uDDEA\uDDF2\uDDF4\uDDF5])|\uD83C\uDDED(?:\uD83C[\uDDF0\uDDF2\uDDF3\uDDF7\uDDF9\uDDFA])|\uD83C\uDDEE(?:\uD83C[\uDDE8-\uDDEA\uDDF1-\uDDF4\uDDF6-\uDDF9])|\uD83C\uDDFB(?:\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDEE\uDDF3\uDDFA])|\uD83C\uDDEC(?:\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEE\uDDF1-\uDDF3\uDDF5-\uDDFA\uDDFC\uDDFE])|\uD83C\uDDF7(?:\uD83C[\uDDEA\uDDF4\uDDF8\uDDFA\uDDFC])|\uD83C\uDDEA(?:\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDED\uDDF7-\uDDFA])|\uD83C\uDDFA(?:\uD83C[\uDDE6\uDDEC\uDDF2\uDDF3\uDDF8\uDDFE\uDDFF])|\uD83C\uDDE8(?:\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDEE\uDDF0-\uDDF5\uDDF7\uDDFA-\uDDFF])|\uD83C\uDDE6(?:\uD83C[\uDDE8-\uDDEC\uDDEE\uDDF1\uDDF2\uDDF4\uDDF6-\uDDFA\uDDFC\uDDFD\uDDFF])|[#\*0-9]\uFE0F\u20E3|\uD83C\uDDF8(?:\uD83C[\uDDE6-\uDDEA\uDDEC-\uDDF4\uDDF7-\uDDF9\uDDFB\uDDFD-\uDDFF])|\uD83C\uDDFF(?:\uD83C[\uDDE6\uDDF2\uDDFC])|\uD83C\uDDF0(?:\uD83C[\uDDEA\uDDEC-\uDDEE\uDDF2\uDDF3\uDDF5\uDDF7\uDDFC\uDDFE\uDDFF])|\uD83C\uDDF3(?:\uD83C[\uDDE6\uDDE8\uDDEA-\uDDEC\uDDEE\uDDF1\uDDF4\uDDF5\uDDF7\uDDFA\uDDFF])|\uD83C\uDDF2(?:\uD83C[\uDDE6\uDDE8-\uDDED\uDDF0-\uDDFF])|(?:\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD37-\uDD39\uDD3D\uDD3E\uDDD6-\uDDDD])(?:\uD83C[\uDFFB-\uDFFF])|(?:\u26F9|\uD83C[\uDFCB\uDFCC]|\uD83D\uDD75)(?:\uD83C[\uDFFB-\uDFFF])|(?:[\u261D\u270A-\u270D]|\uD83C[\uDF85\uDFC2\uDFC7]|\uD83D[\uDC42\uDC43\uDC46-\uDC50\uDC66\uDC67\uDC70\uDC72\uDC74-\uDC76\uDC78\uDC7C\uDC83\uDC85\uDCAA\uDD74\uDD7A\uDD90\uDD95\uDD96\uDE4C\uDE4F\uDEC0\uDECC]|\uD83E[\uDD18-\uDD1C\uDD1E\uDD1F\uDD30-\uDD36\uDDD1-\uDDD5])(?:\uD83C[\uDFFB-\uDFFF])|(?:[\u261D\u26F9\u270A-\u270D]|\uD83C[\uDF85\uDFC2-\uDFC4\uDFC7\uDFCA-\uDFCC]|\uD83D[\uDC42\uDC43\uDC46-\uDC50\uDC66-\uDC69\uDC6E\uDC70-\uDC78\uDC7C\uDC81-\uDC83\uDC85-\uDC87\uDCAA\uDD74\uDD75\uDD7A\uDD90\uDD95\uDD96\uDE45-\uDE47\uDE4B-\uDE4F\uDEA3\uDEB4-\uDEB6\uDEC0\uDECC]|\uD83E[\uDD18-\uDD1C\uDD1E\uDD1F\uDD26\uDD30-\uDD39\uDD3D\uDD3E\uDDD1-\uDDDD])(?:\uD83C[\uDFFB-\uDFFF])?|(?:[\u231A\u231B\u23E9-\u23EC\u23F0\u23F3\u25FD\u25FE\u2614\u2615\u2648-\u2653\u267F\u2693\u26A1\u26AA\u26AB\u26BD\u26BE\u26C4\u26C5\u26CE\u26D4\u26EA\u26F2\u26F3\u26F5\u26FA\u26FD\u2705\u270A\u270B\u2728\u274C\u274E\u2753-\u2755\u2757\u2795-\u2797\u27B0\u27BF\u2B1B\u2B1C\u2B50\u2B55]|\uD83C[\uDC04\uDCCF\uDD8E\uDD91-\uDD9A\uDDE6-\uDDFF\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF7C\uDF7E-\uDF93\uDFA0-\uDFCA\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF4\uDFF8-\uDFFF]|\uD83D[\uDC00-\uDC3E\uDC40\uDC42-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDD7A\uDD95\uDD96\uDDA4\uDDFB-\uDE4F\uDE80-\uDEC5\uDECC\uDED0-\uDED2\uDEEB\uDEEC\uDEF4-\uDEF8]|\uD83E[\uDD10-\uDD3A\uDD3C-\uDD3E\uDD40-\uDD45\uDD47-\uDD4C\uDD50-\uDD6B\uDD80-\uDD97\uDDC0\uDDD0-\uDDE6])|(?:[#\*0-9\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23E9-\u23F3\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB-\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u261D\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u2660\u2663\u2665\u2666\u2668\u267B\u267F\u2692-\u2697\u2699\u269B\u269C\u26A0\u26A1\u26AA\u26AB\u26B0\u26B1\u26BD\u26BE\u26C4\u26C5\u26C8\u26CE\u26CF\u26D1\u26D3\u26D4\u26E9\u26EA\u26F0-\u26F5\u26F7-\u26FA\u26FD\u2702\u2705\u2708-\u270D\u270F\u2712\u2714\u2716\u271D\u2721\u2728\u2733\u2734\u2744\u2747\u274C\u274E\u2753-\u2755\u2757\u2763\u2764\u2795-\u2797\u27A1\u27B0\u27BF\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B50\u2B55\u3030\u303D\u3297\u3299]|\uD83C[\uDC04\uDCCF\uDD70\uDD71\uDD7E\uDD7F\uDD8E\uDD91-\uDD9A\uDDE6-\uDDFF\uDE01\uDE02\uDE1A\uDE2F\uDE32-\uDE3A\uDE50\uDE51\uDF00-\uDF21\uDF24-\uDF93\uDF96\uDF97\uDF99-\uDF9B\uDF9E-\uDFF0\uDFF3-\uDFF5\uDFF7-\uDFFF]|\uD83D[\uDC00-\uDCFD\uDCFF-\uDD3D\uDD49-\uDD4E\uDD50-\uDD67\uDD6F\uDD70\uDD73-\uDD7A\uDD87\uDD8A-\uDD8D\uDD90\uDD95\uDD96\uDDA4\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA-\uDE4F\uDE80-\uDEC5\uDECB-\uDED2\uDEE0-\uDEE5\uDEE9\uDEEB\uDEEC\uDEF0\uDEF3-\uDEF8]|\uD83E[\uDD10-\uDD3A\uDD3C-\uDD3E\uDD40-\uDD45\uDD47-\uDD4C\uDD50-\uDD6B\uDD80-\uDD97\uDDC0\uDDD0-\uDDE6])\uFE0F?)/g,
-
-	EMOJI_CATEGORIES: {
-		people: "People & Smileys",
-		nature: "Animals & Nature",
-		food: "Food & Drink",
-		activity: "Activity",
-		travel: "Travel & Places",
-		objects: "Objects",
-		symbols: "Symbols",
-		flags: "Flags"
-		//modifier: "Modifiers"
-	},
-
-	EMOJI_LOGOS: {
-		activity: '26bd',
-		food: '1f34e',
-		flags: '1f1fa-1f1f8',
-		nature: '1f436',
-		objects: '1f4a1',
-		people: '1f632',
-		symbols: '2049',
-		travel: '1f697'
-		//modifier: '262f'
-	},
-
-	COMMERCE_CARET: '<svg version="1.1" x="0" y="0" viewbox="0 0 792 612" enable-background="new 0 0 792 612"><path fill="#D8D8D8" d="M777.1,444.6c19.8,19.8,19.8,49.5,0,69.3c-19.8,19.8-49.5,19.8-69.3,0L361.4,167.4c-19.8-19.8-19.8-49.5,0-69.3c19.8-19.8,49.5-19.8,69.3,0L777.1,444.6z"></path><path fill="#D8D8D8" d="M430.6,98.1c19.8,19.8,19.8,49.5,0,69.3L84.1,513.9c-19.8,19.8-49.5,19.8-69.3,0c-19.8-19.8-19.8-49.5,0-69.3L361.3,98.1C381.1,78.3,410.9,78.3,430.6,98.1z"></path></svg',
-	ZREKNARF: svg('glyph_views svg-zreknarf', 16, 12.5, SVGPATH, '0 0 249 195'),
-	CHAT_BUTTON: svg('emoticons', 24, 18, SVGPATH, '0 0 249 195'),
-	ROOMS: svg('glyph_views svg-roomlist', 16, 16, 'M1,13v-2h14v2H1z M1,5h13v2H1V5z M1,2h10v2H1V2z M12,10H1V8h11V10z'),
-	CAMERA: svg('camera', 16, 16, 'M24,20v6H4V10h20v6l8-6v16L24,20z', '0 0 36 36'),
-	INVITE: svg('plus', 16, 16, 'M15,9h-3v3h-2V9H7V7h3V4h2v3h3V9z M9,6H6v4h2h1v3h4l0,0l0,0v1h-3H4H1v-1l3-3h2L4,8V2h6v1H9V6z'),
-	LIVE: svg('glyph_live_small', 13, 16,'M11,14H5H2v-1l3-3h2L5,8V2h6v6l-2,2h2l3,3v1H11z'),
-	EYE: svg('glyph_views svg-eye', 16, 16, 'M11,13H5L1,9V8V7l4-4h6l4,4v1v1L11,13z M8,5C6.344,5,5,6.343,5,8c0,1.656,1.344,3,3,3c1.657,0,3-1.344,3-3C11,6.343,9.657,5,8,5z M8,9C7.447,9,7,8.552,7,8s0.447-1,1-1s1,0.448,1,1S8.553,9,8,9z'),
-	CLOCK: svg('glyph_views svg-clock', 16, 16, 'M8,15c-3.866,0-7-3.134-7-7s3.134-7,7-7s7,3.134,7,7 S11.866,15,8,15z M8,3C5.238,3,3,5.238,3,8s2.238,5,5,5s5-2.238,5-5S10.762,3,8,3z M7.293,8.707L7,8l1-4l0.902,3.607L11,11 L7.293,8.707z'),
-	GEAR: svg('gear', 16, 16, 'M15,7v2h-2.115c-0.125,0.615-0.354,1.215-0.713,1.758l1.484,1.484l-1.414,1.414l-1.484-1.484C10.215,12.531,9.615,12.76,9,12.885V15H7v-2.12c-0.614-0.126-1.21-0.356-1.751-0.714l-1.491,1.49l-1.414-1.414l1.491-1.49C3.477,10.211,3.247,9.613,3.12,9H1V7h2.116C3.24,6.384,3.469,5.785,3.829,5.242L2.343,3.757l1.414-1.414l1.485,1.485C5.785,3.469,6.384,3.24,7,3.115V1h2v2.12c0.613,0.126,1.211,0.356,1.752,0.714l1.49-1.491l1.414,1.414l-1.49,1.492C12.523,5.79,12.754,6.387,12.88,7H15z M8,6C6.896,6,6,6.896,6,8s0.896,2,2,2s2-0.896,2-2S9.104,6,8,6z'),
-	HEART: svg('heart', 16, 16, 'M8,13.5L1.5,7V4l2-2h3L8,3.5L9.5,2h3l2,2v3L8,13.5z'),
-	UNHEART: svg('unheart', 16, 16, 'M1,9V7h14v2H1z M1,4l2-2h3l2,2l2-2h3l2,2v2H1V4z M8,14l-4.667-4h9.333L8,14z'),
-	EMOTE: svg('emote', 16, 16, 'M9,18c-4.971,0-9-4.029-9-9s4.029-9,9-9s9,4.029,9,9S13.971,18,9,18z M14,4.111V4h-0.111C12.627,2.766,10.904,2,9,2C7.095,2,5.373,2.766,4.111,4H4v0.111C2.766,5.373,2,7.096,2,9s0.766,3.627,2,4.889V14l0.05-0.051C5.317,15.217,7.067,16,9,16c1.934,0,3.684-0.783,4.949-2.051L14,14v-0.111c1.234-1.262,2-2.984,2-4.889S15.234,5.373,14,4.111zM11,6h2v4h-2V6z M12.535,12.535C11.631,13.44,10.381,14,9,14s-2.631-0.56-3.536-1.465l0.707-0.707C6.896,12.553,7.896,13,9,13s2.104-0.447,2.828-1.172L12.535,12.535z M5,6h2v4H5V6z', '0 0 18 18'),
-	STAR: svg('star', 16, 16, 'M15,6l-4.041,2.694L13,14l-5-3.333L3,14l2.041-5.306L1,6h5.077L8,1l1.924,5H15z'),
-	CLOSE: svg('close_small', 16, 16, 'M12.657,4.757L9.414,8l3.243,3.242l-1.415,1.415L8,9.414l-3.243,3.243l-1.414-1.415L6.586,8L3.343,4.757l1.414-1.414L8,6.586l3.242-3.243L12.657,4.757z'),
-	EDIT: svg('edit', 16, 16, 'M6.414,12.414L3.586,9.586l8-8l2.828,2.828L6.414,12.414z M4.829,14H2l0,0v-2.828l0.586-0.586l2.828,2.828L4.829,14z'),
-	GRAPH: svg('glyph_views graph', 16, 16, 'M1,16V2h16v14H1z M5,4H3v1h2V4z M5,7H3v1h2V7z M5,10H3v1h2V10zM5,13H3v1h2V13z M9,7H7v7h2V7z M12,10h-2v4h2V10z M15,4h-2v10h2V4z', '0 0 18 18')
-}
\ No newline at end of file
diff --git a/src/debug.js b/src/debug.js
deleted file mode 100644
index 355c87e9..00000000
--- a/src/debug.js
+++ /dev/null
@@ -1,38 +0,0 @@
-var FFZ = window.FrankerFaceZ;
-
-
-// -----------------------
-// Developer Mode
-// -----------------------
-
-FFZ.settings_info.developer_mode = {
-	type: "boolean",
-	value: false,
-	storage_key: "ffzDebugMode",
-
-	visible: function() { return this.settings.developer_mode || (Date.now() - parseInt(localStorage.ffzLastDevMode || "0")) < 604800000; },
-	category: "Debugging",
-	name: "Developer Mode",
-	help: "Load FrankerFaceZ from the local development server instead of the CDN. Please refresh after changing this setting.",
-
-	on_update: function() {
-		localStorage.ffzLastDevMode = Date.now();
-		}
-	};
-
-
-FFZ.ffz_commands.developer_mode = function(room, args) {
-	var enabled, args = args && args.length ? args[0].toLowerCase() : null;
-	if ( args == "y" || args == "yes" || args == "true" || args == "on" )
-		enabled = true;
-	else if ( args == "n" || args == "no" || args == "false" || args == "off" )
-		enabled = false;
-
-	if ( enabled === undefined )
-		return "Developer Mode is currently " + (this.settings.developer_mode ? "enabled." : "disabled.");
-
-	this.settings.set("developer_mode", enabled);
-	return "Developer Mode is now " + (enabled ? "enabled" : "disabled") + ". Please refresh your browser.";
-}
-
-FFZ.ffz_commands.developer_mode.help = "Usage: /ffz developer_mode <on|off>\nEnable or disable Developer Mode. When Developer Mode is enabled, the script will be reloaded from //localhost:8000/script.js instead of from the CDN.";
diff --git a/src/ember/bits.js b/src/ember/bits.js
deleted file mode 100644
index 67423511..00000000
--- a/src/ember/bits.js
+++ /dev/null
@@ -1,335 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils'),
-	constants = require('../constants');
-
-
-// --------------------
-// Settings
-// --------------------
-
-FFZ.settings_info.collect_bits = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "Grouped by Type",
-		2: "All in One"
-	},
-
-	value: 0,
-	process_value: utils.process_int(0),
-
-	category: "Chat Appearance",
-	no_bttv: 6,
-
-	name: "Bits Stacking",
-	help: "Collect all the bits emoticons in a message into a single one at the start of the message."
-};
-
-
-FFZ.settings_info.bits_animated = {
-	type: "boolean",
-	value: true,
-
-	category: "Chat Appearance",
-	no_bttv: 6,
-
-	name: "Bits Animation",
-	help: "Display bits with animation.",
-
-	on_update: function() {
-		var bits = utils.ember_lookup('service:bits-emotes') ||
-					utils.ember_lookup('service:bits-rendering-config');
-		if ( bits && bits.ffz_has_css )
-			bits.ffz_update_css();
-	}
-}
-
-
-FFZ.settings_info.bits_tags_container = {
-	type: "boolean",
-	value: true,
-
-	category: "Chat Appearance",
-	no_bttv: 6,
-
-	name: "Bits Tag Display",
-	help: "Display competitive bits tags at the top of chats that have it enabled.",
-
-	on_update: utils.toggle_cls('ffz-show-bits-tags')
-}
-
-
-FFZ.settings_info.bits_pinned = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "Show Recent",
-		2: "Show Top",
-		3: "Show All (Default)"
-	},
-
-	value: 3,
-	process_value: utils.process_int(3, 0, 3),
-
-	category: "Chat Appearance",
-
-	name: "Display Pinned Cheers",
-	help: "Show pinned messages with bits at the top of chat in channels that have it enabled.",
-
-	on_update: function(val) {
-		var PinnedCheers = utils.ember_lookup('service:bits-pinned-cheers');
-		if ( val === 3 || ! PinnedCheers )
-			return;
-
-		if ( val !== 1 )
-			PinnedCheers.set('recentPinnedCheer', null);
-
-		if ( val !== 2 )
-			PinnedCheers.set('topPinnedCheer', null);
-	}
-}
-
-
-FFZ.settings_info.bits_redesign = {
-	type: "boolean",
-	value: false,
-
-	category: "Chat Appearance",
-	name: "Bits Redesign",
-	help: "Use the special cheering animations from April 1st, 2017.",
-
-	on_update: function() {
-		var bits = utils.ember_lookup('service:bits-emotes') ||
-					utils.ember_lookup('service:bits-rendering-config');
-		if ( bits && bits.ffz_has_css )
-			bits.ffz_update_css();
-	}
-}
-
-
-// --------------------
-// Initialization
-// --------------------
-
-var redesign = function(x) { return x.replace('/actions/cheer/', '/actions/cheer-redesign/') };
-
-FFZ.prototype.setup_bits = function() {
-	utils.toggle_cls('ffz-show-bits-tags')(this.settings.bits_tags_container);
-
-	this.update_views('component:bits/chat-token', this._modify_bits_token);
-
-	var f = this,
-		Service = utils.ember_lookup('service:bits-emotes'),
-		PinnedCheers = utils.ember_lookup('service:bits-pinned-cheers'),
-
-		image_css = function(images) {
-			var im_1 = images[1],
-				im_2 = images[2],
-				im_4 = images[4];
-
-			if ( f.settings.bits_redesign ) {
-				im_1 = redesign(im_1);
-				im_2 = redesign(im_2);
-				im_4 = redesign(im_4);
-			}
-
-			return 'background-image: url("' + im_1 + '");' +
-				'background-image: ' + (constants.IS_WEBKIT ? ' -webkit-' : '') + 'image-set(' +
-					'url("' + im_1 + '") 1x, url("' + im_2 + '") 2x, url("' + im_4 + '") 4x);';
-		},
-
-		tier_css = function(ind, prefix, tier) {
-			var selector = '.ffz-bit.bit-prefix-' + prefix + '.bit-tier-' + ind,
-				color = f._handle_color(tier.color),
-				animated = f.settings.bits_animated,
-				output;
-
-			output = selector + '{' +
-				'color: ' + color[0] + ';' +
-				this._ffz_image_css(tier.images.light[animated ? 'animated' : 'static']) +
-			'}';
-
-			return output + '.tipsy ' + selector + ',.dark ' + selector + ',.force-dark ' + selector + ',.theatre ' + selector + '{' +
-				'color: ' + color[1] + ';' +
-				this._ffz_image_css(tier.images.dark[animated ? 'animated' : 'static']) +
-			'}';
-		};
-
-	if ( PinnedCheers ) {
-		PinnedCheers.reopen({
-			_updatePinnedCheerData: function(data) {
-				var setting = f.settings.bits_pinned;
-				if ( setting < 2 )
-					data.top = null;
-				else if ( data.top )
-					data.top.is_pinned_cheer = 2;
-
-				if ( setting !== 3 && setting !== 1 )
-					data.recent = null;
-				else if ( data.recent )
-					data.recent.is_pinned_cheer = true;
-
-				return this._super(data);
-			}
-		});
-
-		FFZ.settings_info.bits_pinned.on_update.call(this, this.settings.bits_pinned);
-	}
-
-	if ( Service ) {
-		Service.reopen({
-			ffz_has_css: false,
-
-			ffz_get_tier: function(prefix, amount) {
-				if ( ! this.ffz_has_css )
-					this.ffz_update_css();
-
-				var config = this.getPrefixData(prefix) || {},
-					tiers = config.tiers || [],
-					tier = null,
-					index = null;
-
-				for(var i=0, l = tiers.length; i < l; i++) {
-					var t = tiers[i];
-					if ( amount < t.min_bits )
-						break;
-
-					tier = t;
-					index = i;
-				}
-
-				return [index, tier];
-			},
-
-			ffz_get_preview: function(prefix, amount) {
-				var src = this.getImageSrc(amount, prefix, true, !f.settings.bits_animated, 4);
-				return f.settings.bits_redesign ? redesign(src) : src;
-			},
-
-			_ffz_image_css: image_css,
-			_ffz_tier_css: tier_css,
-
-			ffz_update_css: function() {
-				var output = [],
-					prefixes = _.map(this.get('regexes') || [], function(x) {
-						return x && x.prefix || null;
-					});
-
-				for(var i=0; i < prefixes.length; i++) {
-					var prefix = prefixes[i],
-						data = prefix && this.getPrefixData(prefix);
-
-					if ( ! data )
-						continue;
-
-					var tiers = data && data.tiers || [];
-					for(var x=0; x < tiers.length; x++)
-						output.push(this._ffz_tier_css(x, prefix, tiers[x]));
-				}
-
-				utils.update_css(f._chat_style, 'bit-styles', output.join(''));
-				this.ffz_has_css = true;
-			}.observes('emoteConfig', 'regexes')
-		});
-
-	} else {
-		this.log("Unable to find the Ember service:bits-emotes. Falling back...");
-
-		Service = utils.ember_lookup('service:bits-rendering-config');
-		if ( ! Service )
-			return this.error("Unable to locate the Ember service:bits-rendering-config");
-
-		Service.reopen({
-			ffz_has_css: false,
-
-			ffz_get_tier: function(prefix, amount) {
-				if ( ! this.get('isLoaded') ) {
-					this._actionPromiseCache = false;
-					this.loadRenderConfig();
-				} else if ( ! this.ffz_has_css )
-					this.ffz_update_css();
-
-				var config = this._getConfigPrefix(prefix) || {},
-					tiers = config.tiers || [],
-					tier = null,
-					index = null;
-
-				for(var i=0, l = tiers.length; i < l; i++) {
-					var t = tiers[i];
-					if ( amount < t.min_bits )
-						break;
-
-					tier = t;
-					index = i;
-				}
-
-				return [index, tier];
-			},
-
-			ffz_get_preview: function(prefix, amount) {
-				var data = this.ffz_get_tier(prefix, amount),
-					tier = data && data[1],
-					src = tier ? this._constructImageSrc([4], tier, {
-							background: 'dark',
-							scale: 4,
-							state: f.settings.bits_animated ? 'animated' : 'static'
-						}).src : '';
-
-				return f.settings.bits_redesign ? redesign(src) : src;
-			},
-
-			_ffz_image_css: image_css,
-			_ffz_tier_css: tier_css,
-
-			ffz_update_css: function() {
-				var output = [],
-					config = this.get('config') || {prefixes: []};
-
-				for(var i=0; i < config.prefixes.length; i++) {
-					var prefix = config.prefixes[i],
-						data = this._getConfigPrefix(prefix),
-						tiers = data && data.tiers || [];
-
-					for(var x=0; x < tiers.length; x++)
-						output.push(this._ffz_tier_css(x, prefix, tiers[x]));
-				}
-
-				utils.update_css(f._chat_style, 'bit-styles', output.join(''));
-				this.ffz_has_css = true;
-			}.observes('config'),
-
-			loadRenderConfig: function() {
-				var out = this._super();
-				if ( ! this.get('config') )
-					this._actionPromiseCache = false;
-				return out;
-			}
-		});
-	}
-
-	if ( Service.get('isLoaded') && Service.loadRenderConfig )
-		Service.loadRenderConfig();
-}
-
-
-FFZ.prototype._modify_bits_token = function(component) {
-	var f = this;
-	utils.ember_reopen_view(component, {
-		ffz_init: function() {
-			this.ffzRender();
-		},
-
-		ffzRender: function() {
-			var el = this.get('element'),
-				prefix = this.get('prefix'),
-				amount = this.get('amount');
-
-			el.innerHTML = f.render_token(false, false, true, {
-				type: 'bits',
-				amount: amount,
-				prefix: prefix
-			});
-
-		}.observes('prefix', 'amount')
-	})
-}
\ No newline at end of file
diff --git a/src/ember/channel.js b/src/ember/channel.js
deleted file mode 100644
index d23f5f7c..00000000
--- a/src/ember/channel.js
+++ /dev/null
@@ -1,754 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils'),
-	constants = require('../constants');
-
-
-// --------------------
-// Initialization
-// --------------------
-
-FFZ.prototype.setup_channel = function() {
-	// Style Stuff!
-	this.log("Creating channel style element.");
-	var s = this._channel_style = document.createElement("style");
-	s.id = "ffz-channel-css";
-	document.head.appendChild(s);
-
-	// Settings stuff!
-	document.body.classList.toggle("ffz-hide-view-count", !this.settings.channel_views);
-	document.body.classList.toggle('ffz-theater-stats', this.settings.theater_stats === 2);
-	document.body.classList.toggle('ffz-theater-basic-stats', this.settings.theater_stats > 0);
-
-	var banner_hidden = this.settings.hide_channel_banner;
-		banner_hidden = banner_hidden === 1 ? this.settings.channel_bar_bottom : banner_hidden > 0;
-
-	utils.toggle_cls('ffz-hide-channel-banner')(banner_hidden);
-	utils.toggle_cls('ffz-channel-bar-bottom')(this.settings.channel_bar_bottom);
-	utils.toggle_cls('ffz-minimal-channel-title')(this.settings.channel_title_top === 2);
-	utils.toggle_cls('ffz-channel-title-top')(this.settings.channel_title_top > 0);
-	utils.toggle_cls('ffz-minimal-channel-bar')(this.settings.channel_bar_collapse);
-
-	this.log("Hooking the Ember Channel Index redesign.");
-	this.update_views('component:channel-redesign', this.modify_channel_redesign);
-	this.update_views('component:channel-redesign/live', this.modify_channel_live);
-
-	this.update_views('component:share-box',  this.modify_channel_share_box);
-	this.update_views('component:channel-options', this.modify_channel_options);
-	this.update_views('component:edit-broadcast-link', this.modify_channel_broadcast_link);
-
-	/*this.log("Hooking the Ember Channel Index component.");
-	if ( ! this.update_views('component:legacy-channel', this.modify_channel_index) )
-		return;*/
-
-	var f = this,
-		Channel = utils.ember_lookup('controller:channel');
-	if ( ! Channel )
-		return f.error("Unable to find the Ember Channel controller");
-
-	this.log("Hooking the Ember Channel controller.");
-
-	Channel.reopen({
-		ffzUpdateInfo: function() {
-			if ( this._ffz_update_timer )
-				clearTimeout(this._ffz_update_timer);
-
-			this._ffz_update_timer = setTimeout(this.ffzCheckUpdate.bind(this), 55000 + (Math.random() * 10000));
-
-		}.observes("channelModel", "channelModel.hostModeTarget"),
-
-		ffzCheckUpdate: function() {
-			this.ffzUpdateInfo();
-			this._ffzUpdateModel(this.get('channelModel'));
-			this._ffzUpdateModel(this.get('channelModel.hostModeTarget'), true);
-		},
-
-		_ffzUpdateModel: function(model, is_host) {
-			var channel_id = model && model.get('id');
-			if ( ! channel_id || model.get('isLoading') )
-				return;
-
-			utils.api.get("streams/" + channel_id, {}, {version: 3})
-				.done(function(data) {
-					// If there's no stream, we can't update much.
-					if ( ! data || ! data.stream ) {
-						model.set('stream.createdAt', null);
-						model.set('stream.viewers', 0);
-						return;
-					}
-
-					model.set('stream.createdAt', utils.parse_date(data.stream.created_at));
-					model.set('stream.viewers', data.stream.viewers || 0);
-					model.set('stream.game', data.stream.game);
-
-					if ( data.stream.channel ) {
-						var info = data.stream.channel;
-						model.set('game', info.game);
-						model.set('status', info.status);
-						model.set('views', info.views);
-						if ( model.get('followers.isFulfilled') )
-							model.set('followers.content.meta.total', info.followers);
-					}
-
-					if ( f._cindex )
-						if ( is_host )
-							f._cindex.ffzFixHostTitle();
-						else
-							f._cindex.ffzFixTitle();
-				});
-		},
-
-		ffzHostTarget: function() {
-			var target = this.get('channelModel.hostModeTarget'),
-				name = target && target.get('name'),
-				id = target && target.get('id'),
-				display_name = target && target.get('display_name');
-
-			if ( display_name && display_name !== 'jtv' )
-				FFZ.capitalization[name] = [display_name, Date.now()];
-
-			if ( f._chatv )
-				f._chatv.ffzUpdateHost(target);
-
-			if ( f._cindex )
-				f._cindex.ffzUpdateMetadata();
-
-		}.observes("channelModel.hostModeTarget")
-	});
-
-	Channel.ffzUpdateInfo();
-}
-
-
-// These have to be done in order to ensure the channel metadata all sorts correctly.
-
-FFZ.prototype.modify_channel_share_box = function(view) {
-	utils.ember_reopen_view(view, {
-		ffz_init: function() {
-			this.get('element').classList.toggle('ffz-share-box', true)
-		}
-	});
-}
-
-FFZ.prototype.modify_channel_options = function(view) {
-	utils.ember_reopen_view(view, {
-		ffz_init: function() {
-			this.get('element').classList.toggle('ffz-channel-options', true)
-		}
-	});
-}
-
-FFZ.prototype.modify_channel_broadcast_link = function(view) {
-	utils.ember_reopen_view(view, {
-		ffz_init: function() {
-			this.get('element').classList.toggle('ffz-channel-broadcast-link', true)
-		}
-	});
-}
-
-
-// Channel Live
-
-FFZ.prototype.modify_channel_live = function(view) {
-	var f = this;
-	utils.ember_reopen_view(view, {
-		ffz_host: null,
-
-		ffz_init: function() {
-			var channel_id = this.get("channel.id"),
-				el = this.get("element");
-
-			f._cindex = this;
-			f.ws_sub("channel." + channel_id);
-
-			this.ffzUpdateAttributes();
-			this.ffzFixTitle();
-			this.ffzFixHostTitle();
-
-			this.ffzUpdateMetadata();
-
-			if ( f.settings.auto_theater ) {
-				var layout = this.get('layout'),
-					func = function(tries) {
-						var player = f._player && f._player.get('player');
-						if ( ! player || typeof player.isLoading === 'function' && player.isLoading() )
-							return (tries||0) < 20 ? setTimeout(func.bind(this, (tries||0) + 1), 500) : null;
-
-						// In case this happens before the event bindings are in, we just set
-						// the layout into theater mode manually.
-						player.setTheatre(true);
-						layout.setTheatreMode(true);
-					}
-
-				func();
-			}
-
-			this.$().on("click", ".ffz-creative-tag-link", utils.transition_link(function(e) {
-				utils.transition('directory.creative.hashtag.index', this.getAttribute('data-tag'));
-			}));
-
-			var t = this;
-			this.$('.player-placeholder').on('click', function() { t.updatePlayerPosition() })
-
-			if ( this.updatePlayerPosition ) {
-				this._ffz_loaded = Date.now();
-				this._ffz_player_repositoner = setInterval(this.ffzUpdatePlayerPosition.bind(this), 250);
-			}
-		},
-
-		ffzUpdatePlayerPosition: function() {
-			if ( f.has_bttv || this._ffz_player_repositoner && Date.now() - this._ffz_loaded > 60000 ) {
-				clearInterval(this._ffz_player_repositoner);
-				this._ffz_player_repositoner = null;
-				if ( f.has_bttv )
-					return;
-			}
-
-			this.updatePlayerPosition();
-		},
-
-		ffzUpdateAttributes: function() {
-			var channel_id = this.get("channel.id"),
-				hosted_id = this.get("channel.hostModeTarget.id"),
-				el = this.get("element");
-
-			if ( hosted_id !== this.ffz_host ) {
-				if ( this.ffz_host )
-					f.ws_unsub("channel." + this.ffz_host);
-
-				if ( hosted_id )
-					f.ws_sub("channel." + hosted_id);
-
-				this.ffz_host = hosted_id;
-
-				// Destroy the popup if we have a metadata popup.
-				if ( f._popup && f._popup.id === 'ffz-metadata-popup' )
-					f.close_popup();
-
-				if ( hosted_id )
-					this.ffzFixHostTitle();
-
-				this.ffzUpdateMetadata();
-			}
-
-			el.classList.add('ffz-channel');
-			el.classList.toggle('ffz-host', hosted_id || false);
-			el.setAttribute('data-channel', channel_id || '');
-			el.setAttribute('data-hosted', hosted_id || '');
-
-		}.observes('channel.id', 'channel.hostModeTarget'),
-
-		ffz_destroy: function() {
-			var channel_id = this.get("channel.id"),
-				el = this.get("element");
-
-			if ( channel_id )
-				f.ws_unsub("channel." + channel_id);
-
-			if ( this.ffz_host ) {
-				f.ws_unsub("channel." + this.ffz_host);
-				this.ffz_host = null;
-			}
-
-			var timers = this.ffz_timers || {};
-			for(var key in timers) {
-				var to = timers[key];
-				if ( to )
-					clearTimeout(to);
-			}
-
-			var popup = el.querySelector('#ffz-metadata-popup');
-			if ( popup && popup === f._popup )
-				f.close_popup();
-
-			if ( f._cindex === this )
-				f._cindex = null;
-
-			if ( this._fix_host_timer ) {
-				clearTimeout(this._fix_host_timer);
-				this._fix_host_timer = null;
-			}
-
-			if ( this._ffz_player_repositoner ) {
-				clearInterval(this._ffz_player_repositoner);
-				this._ffz_player_repositoner = null;
-			}
-
-			utils.update_css(f._channel_style, channel_id, null);
-		},
-
-		ffzFixHostTitle: function() {
-			if ( this._fix_host_timer ) {
-				clearTimeout(this._fix_host_timer);
-				this._fix_host_timer = null;
-			}
-
-			var channel = this.get('channel.hostModeTarget');
-			if ( ! channel || channel.get('isLoading') )
-				return;
-
-			var el = this.get('element'),
-				container = el && el.querySelector('.cn-hosting--top .card');
-
-			if ( ! container ) {
-				// Wait for the host bar to appear.
-				this._fix_host_timer = setTimeout(this.ffzFixHostTitle.bind(this), 250);
-				return;
-			}
-
-			var old_ui = container.querySelector('.ffz.card__layout');
-			if ( old_ui )
-				container.removeChild(old_ui);
-
-			var image = utils.createElement('img'),
-				figure = utils.createElement('figure', 'card__img card__img--avatar', image),
-				avatar_link = utils.createElement('a', '', figure),
-
-				user_link = utils.createElement('a', '', utils.sanitize(channel.get('displayName'))),
-
-				card_title = utils.createElement('h3', 'card__title'),
-				card_info = utils.createElement('p', 'card__info', 'Hosting '),
-				card_body = utils.createElement('div', 'card__body', card_title),
-
-				layout = utils.createElement('div', 'ffz card__layout', avatar_link);
-
-			card_info.appendChild(user_link);
-			layout.appendChild(card_body);
-			card_body.appendChild(card_info);
-
-			container.classList.add('ffz-host-info');
-			container.appendChild(layout);
-
-			var channel_id = channel.get('id'),
-				status = channel.get('status'),
-				game = channel.get('game'),
-
-				tokens = f.tokenize_line(channel_id, channel_id, status, true);
-
-			if ( game === 'Creative' )
-				tokens = f.tokenize_ctags(tokens);
-
-			if ( game ) {
-				var game_link = utils.createElement('a', '', utils.sanitize(game));
-				card_info.appendChild(document.createTextNode(game === 'Creative' ? ' being ' : ' playing '));
-				card_info.appendChild(game_link);
-
-				game_link.href = Twitch.uri.game(game);
-				game_link.addEventListener('click', utils.transition_link(utils.transition_game.bind(this, game)));
-			}
-
-			avatar_link.href = user_link.href = '/' + channel_id;
-
-			var user_handler = utils.transition_link(utils.transition_user.bind(this, channel_id));
-			avatar_link.addEventListener('click', user_handler);
-			user_link.addEventListener('click', user_handler);
-
-			image.src = channel.get('logo') || constants.NO_LOGO;
-			card_title.innerHTML = f.render_tokens(tokens);
-
-		}.observes('channel.hostModeTarget', 'channel.hostModeTarget.isLoading', 'channel.hostModeTarget.id', 'channel.hostModeTarget.status', 'channel.hostModeTarget.game'),
-
-		ffzFixTitle: function() {
-			if ( ! f.settings.stream_title )
-				return;
-
-			var channel_id = this.get("channel.id"),
-				status = this.get("channel.status"),
-				game = this.get("channel.game"),
-
-				tokens = f.tokenize_line(channel_id, channel_id, status, true);
-
-			if ( game === 'Creative' )
-				tokens = f.tokenize_ctags(tokens);
-
-			var el = this.$(".cn-metabar > div:first-child .js-card__title");
-			el && el.html(f.render_tokens(tokens));
-		}.observes('channel.id', 'channel.status', 'channel.game'),
-
-		ffzUpdateMetadata: function(key) {
-			var t = this,
-				keys = key ? [key] : Object.keys(FFZ.channel_metadata),
-				is_hosting = !!this.get('channel.hostModeTarget'),
-				basic_info = [this, this.get(is_hosting ? 'channel.hostModeTarget' : 'channel'), is_hosting, this.get('channel')],
-				timers = this.ffz_timers = this.ffz_timers || {},
-
-				refresh_func = this.ffzUpdateMetadata.bind(this),
-
-				container = this.get('element'),
-				metabar = container && container.querySelector(is_hosting ? '.cn-hosting--bottom' : '.cn-metabar__more');
-
-			// Stop once this is destroyed.
-			if ( this.isDestroyed || ! metabar )
-				return;
-
-			for(var i=0; i < keys.length; i++)
-				f.render_metadata(keys[i], basic_info, metabar, timers, refresh_func, is_hosting);
-		},
-
-		ffzUpdateHostButton: function() {
-			this.set('ffz_host_updating', false);
-			return this.ffzUpdateMetadata('host');
-		}.observes('channel.id', 'channel.hostModeTarget.id')
-	});
-}
-
-
-FFZ.prototype.modify_channel_redesign = function(view) {
-	var f = this,
-		Layout = utils.ember_lookup('service:layout');
-
-	utils.ember_reopen_view(view, {
-		ffz_init: function() {
-			// Twitch y u make me do dis
-			// (If this isn't the outer channel-redesign abort)
-			if ( this.parentView instanceof view )
-				return;
-
-			var channel_id = this.get("channel.id"),
-				el = this.get("element");
-
-			f._credesign = this;
-
-			this.ffzUpdateCoverHeight();
-
-			el.setAttribute('data-channel', channel_id);
-			el.classList.add('ffz-channel-container');
-		},
-
-		ffz_destroy: function() {
-			var channel_id = this.get("channel.id"),
-				el = this.get("element");
-
-			el.setAttribute('data-channel', '');
-			el.classList.remove('ffz-channel-container');
-
-			if ( f._credesign === this )
-				f._credesign = null;
-		},
-
-		ffzUpdateCoverHeight: function() {
-			var old_height = this.channelCoverHeight,
-				setting = f.settings.hide_channel_banner,
-				banner_hidden = setting === 1 ? f.settings.channel_bar_bottom : setting > 0,
-
-				new_height = banner_hidden ? 0 : 380;
-
-			this.channelCoverHeight = new_height;
-			this.$("#channel").toggleClass('ffz-bar-fixed', this.get('isFixed'));
-
-			if ( this.$scrollContainer && old_height !== new_height )
-				this.scrollTo(this.$scrollContainer.scrollTop() + (new_height - old_height));
-
-			if ( this.updatePlayerPosition )
-				setTimeout(this.updatePlayerPosition.bind(this));
-
-		}.observes('isFixed')
-	})
-}
-
-
-// ---------------
-// Settings
-// ---------------
-
-FFZ.settings_info.auto_theater = {
-	type: "boolean",
-	value: false,
-
-	category: "Appearance",
-	no_mobile: true,
-	no_bttv: true,
-
-	name: "Automatic Theater Mode",
-	help: "Automatically enter theater mode when opening a channel."
-	};
-
-
-FFZ.settings_info.chatter_count = {
-	type: "boolean",
-	value: false,
-	no_mobile: true,
-
-	category: "Channel Metadata",
-
-	name: "Chatter Count",
-	help: "Display the current number of users connected to chat beneath the channel.",
-
-	on_update: function(val) {
-		if ( ! this.rooms )
-			return;
-
-		// Refresh the data.
-		for(var room_id in this.rooms) {
-			var r = this.rooms[room_id] && this.rooms[room_id].room;
-			r && r.ffzInitChatterCount();
-		}
-
-		if ( this._cindex )
-			this._cindex.ffzUpdateMetadata('chatters');
-	}
-};
-
-
-FFZ.settings_info.channel_views = {
-	type: "boolean",
-	value: true,
-	no_mobile: true,
-
-	category: "Channel Metadata",
-	name: "Channel Views",
-	help: 'Display the number of times the channel has been viewed beneath the stream.',
-	on_update: function(val) {
-			document.body.classList.toggle("ffz-hide-view-count", !val);
-		}
-	};
-
-
-FFZ.settings_info.hosted_channels = {
-	type: "boolean",
-	value: true,
-	no_mobile: true,
-
-	category: "Channel Metadata",
-	name: "Channel Hosting",
-	help: "Display other channels that have been featured by the current channel.",
-	on_update: function(val) {
-			var cb = document.querySelector('input.ffz-setting-hosted-channels');
-			if ( cb )
-				cb.checked = val;
-
-			var Chat = utils.ember_lookup('controller:chat'),
-				room = Chat && Chat.get('currentChannelRoom');
-
-			if ( room )
-				room.setHostMode({
-					hostTarget: room.ffz_host_target,
-					recentlyJoined: true
-				});
-		}
-	};
-
-
-FFZ.settings_info.stream_host_button = {
-	type: "boolean",
-	value: true,
-	no_mobile: true,
-
-	category: "Channel Metadata",
-	name: "Host This Channel Button",
-	help: "Display a button underneath streams that make it easy to host them with your own channel.",
-	on_update: function(val) {
-		if ( this._cindex )
-			this._cindex.ffzUpdateHostButton();
-	}
-};
-
-
-FFZ.settings_info.stream_uptime = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "Enabled",
-		2: "Enabled (with Seconds)",
-		3: "Enabled (Channel Only)",
-		4: "Enabled (Channel Only with Seconds)"
-	},
-
-	value: 1,
-	process_value: utils.process_int(1, 0, 2),
-
-	no_mobile: true,
-	category: "Channel Metadata",
-	name: "Stream Uptime",
-	help: 'Display the stream uptime under a channel by the viewer count.',
-	on_update: function(val) {
-		if ( this._cindex )
-			this._cindex.ffzUpdateMetadata('uptime');
-	}
-};
-
-
-FFZ.settings_info.stream_title = {
-	type: "boolean",
-	value: true,
-	no_bttv: 6,
-	no_mobile: true,
-
-	category: "Channel Metadata",
-	name: "Title Links",
-	help: "Make links in stream titles clickable.",
-	on_update: function(val) {
-		if ( this._cindex )
-			this._cindex.ffzFixTitle();
-	}
-};
-
-
-FFZ.settings_info.channel_bar_bottom = {
-	type: "boolean",
-	value: false,
-	no_bttv: true,
-	no_mobile: true,
-
-	category: "Appearance",
-	name: "Channel Bar on Bottom",
-	help: "Hide the profile banner and position the channel bar at the bottom of the screen.",
-
-	on_update: function(val) {
-		if ( this.has_bttv )
-			return;
-
-		var banner_hidden = this.settings.hide_channel_banner;
-		banner_hidden = banner_hidden === 1 ? val : banner_hidden > 0;
-
-		utils.toggle_cls('ffz-channel-bar-bottom')(val);
-		utils.toggle_cls('ffz-hide-channel-banner')(banner_hidden);
-
-		if ( this._credesign )
-			this._credesign.ffzUpdateCoverHeight();
-
-		var Layout = utils.ember_lookup('service:layout');
-		if ( Layout )
-			Ember.propertyDidChange(Layout, 'ffzExtraHeight');
-	}
-}
-
-
-FFZ.settings_info.hide_channel_banner = {
-	type: "select",
-	options: {
-		0: "Never",
-		1: "When Channel Bar is on Bottom",
-		2: "Always"
-	},
-
-	value: 1,
-	process_value: utils.process_int(1),
-
-	no_bttv: true,
-	no_mobile: true,
-
-	category: "Appearance",
-	name: "Hide Channel Banner",
-	help: "Hide the banner at the top of channel pages.",
-
-	on_update: function(val) {
-		if ( this.has_bttv )
-			return;
-
-		var is_hidden = val === 1 ? this.settings.channel_bar_bottom : val > 0;
-		utils.toggle_cls('ffz-hide-channel-banner')(is_hidden);
-		if ( this._credesign )
-			this._credesign.ffzUpdateCoverHeight();
-
-		var Layout = utils.ember_lookup('service:layout');
-		if ( Layout )
-			Ember.propertyDidChange(Layout, 'ffzExtraHeight');
-	}
-
-}
-
-
-FFZ.settings_info.channel_bar_collapse = {
-	type: "boolean",
-	value: false,
-	no_bttv: true,
-	no_mobile: true,
-
-	category: "Appearance",
-	name: "Minimal Channel Bar",
-	help: "Slide the channel bar mostly out of view when it's not being used.",
-
-	on_update: function(val) {
-		if ( this.has_bttv )
-			return;
-
-		utils.toggle_cls('ffz-minimal-channel-bar')(val);
-
-		var Layout = utils.ember_lookup('service:layout');
-		if ( Layout )
-			Ember.propertyDidChange(Layout, 'ffzExtraHeight');
-	}
-}
-
-
-FFZ.settings_info.channel_title_top = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "On Top",
-		2: "On Top, Minimal"
-	},
-
-	value: 0,
-	process_value: utils.process_int(0),
-
-	no_bttv: true,
-	no_mobile: true,
-
-	category: "Appearance",
-	name: "Channel Title on Top",
-	help: "Display the channel title and game above the player rather than below.",
-
-	on_update: function(val) {
-		if ( this.has_bttv )
-			return;
-
-		document.body.classList.toggle('ffz-minimal-channel-title', val === 2);
-		document.body.classList.toggle('ffz-channel-title-top', val > 0);
-
-		var Layout = utils.ember_lookup('service:layout');
-		if ( Layout )
-			Ember.propertyDidChange(Layout, 'ffzExtraHeight');
-	}
-}
-
-
-FFZ.settings_info.theater_stats = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "Basic",
-		2: "Full"
-	},
-
-	value: 2,
-	process_value: utils.process_int(2, 0, 2),
-
-	no_mobile: true,
-
-	category: "Channel Metadata",
-	name: "Display on Theater Mode Hover",
-	help: "Show the channel metadata and actions over the video player in theater mode when you hover it with your mouse.",
-
-	on_update: function(val) {
-			document.body.classList.toggle('ffz-theater-stats', val === 2);
-			document.body.classList.toggle('ffz-theater-basic-stats', val > 0);
-		}
-	};
-
-
-FFZ.basic_settings.channel_info = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "Enabled",
-		2: "Enabled (with Seconds)",
-		3: "Enabled (Channel Only)",
-		4: "Enabled (Channel Only with Seconds)"
-	},
-
-	category: "General",
-	name: "Stream Uptime",
-	help: "Display the current stream's uptime under the player.",
-
-	get: function() {
-		return this.settings.stream_uptime;
-	},
-
-	set: function(val) {
-		if ( typeof val === 'string' )
-			val = parseInt(val || "0");
-
-		this.settings.set('stream_uptime', val);
-	}
-}
\ No newline at end of file
diff --git a/src/ember/chat-input.js b/src/ember/chat-input.js
deleted file mode 100644
index 8c75b7e8..00000000
--- a/src/ember/chat-input.js
+++ /dev/null
@@ -1,1569 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require("../utils"),
-	constants = require("../constants"),
-
-	is_android = navigator.userAgent.indexOf('Android') !== -1,
-
-	MOD_COMMANDS = {
-		ban: {
-			label: '/ban &lt;user&gt; <i>[reason]</i>',
-			info: 'Permanently Ban User'
-		},
-		unban: {
-			label: '/unban &lt;user&gt;',
-			info: 'Unban User'
-		},
-		timeout: {
-			label: '/timeout &lt;user&gt; <i>[duration=600] [reason]</i>',
-			info: 'Temporarily Ban User'
-		},
-		untimeout: {
-			label: '/untimeout &lt;user&gt;',
-			info: 'Unban Temporarily-Banned User'
-		},
-
-		clear: {info: 'Clear Chat for All Users'},
-		slow: {
-			label: '/slow <i>[duration=120]</i>',
-			info: 'Enable Slow Mode'
-		},
-		slowoff: {info: 'Disable Slow Mode'},
-
-		followers: {
-			label: '/followers <i>[duration]</i>',
-			info: 'Enable Followers-Only Mode'
-		},
-		followersoff: { info: 'Disable Followers-Only Mode'},
-
-		r9kbeta: {info: 'Enable R9k Mode'},
-		r9kbetaoff: {info: 'Disable R9k Mode'},
-
-		subscribers: {info: 'Enable Subscribers-Only Mode'},
-		subscribersoff: {info: 'Disable Subscribers-Only Mode'},
-
-		emoteonly: {info: 'Enable Emote-Only Mode'},
-		emoteonlyoff: {info: 'Disable Emote-Only Mode'},
-
-		unpin: {info: 'Unpin the current Pinned Cheer'},
-		reset: {info: 'Clear the current Top Cheer'}
-	},
-
-	BROADCASTER_COMMANDS = {
-		mod: {
-			label: '/mod &lt;user&gt;',
-			info: 'Make User a Moderator'
-		},
-		unmod: {
-			label: '/unmod &lt;user&gt;',
-			info: 'Remove User\'s Moderator Status'
-		},
-
-		host: {
-			label: '/host &lt;channel&gt;',
-			info: 'Enter Host Mode with Channel'
-		},
-
-		unhost: {info: 'Exit Host Mode'},
-
-		commercial: {
-			label: '/commercial <i>[length]</i>',
-			info: 'Trigger Commercial(s) for Length'
-		}
-	},
-
-	DEFAULT_COMMANDS = {
-		color: {
-			label: '/color &lt;color&gt;',
-			info: 'Set Username Color'
-		},
-
-		help: {
-			label: '/help <i>[command]</i>',
-			info: 'List Available Chat Commands'
-		},
-
-		me: {
-			label: '/me &lt;message&gt;',
-			info: 'Send a Colored Chat "Action"'
-		},
-
-		w: {
-			label: '/w &lt;user&gt; &lt;message&gt;',
-			info: 'Whisper to User'
-		},
-
-		disconnect: {info: 'Disconnect from Chat'},
-		mods: {info: 'List Chat Moderators'},
-	},
-
-	CHARCODES = {
-		AT_SIGN: 64,
-		COLON: 58,
-		PERIOD: 46,
-		SLASH: 47
-	},
-
-	KEYCODES = {
-		BACKSPACE: 8,
-		TAB: 9,
-		ENTER: 13,
-		ESC: 27,
-		SPACE: 32,
-		PAGE_UP: 33,
-		PAGE_DOWN: 34,
-		END: 35,
-		HOME: 36,
-		LEFT: 37,
-		UP: 38,
-		RIGHT: 39,
-		DOWN: 40,
-		TWO: 50,
-		COLON: 59,
-		FAKE_COLON: 186
-	},
-
-	selection_start = function(e) {
-		if ( typeof e.selectionStart === "number" )
-			return e.selectionStart;
-
-		if ( ! e.createTextRange )
-			return -1;
-
-		var n = document.selection.createRange(),
-			r = e.createTextRange();
-
-		r.moveToBookmark(n.getBookmark());
-		r.moveStart("character", -e.value.length);
-		return r.text.length;
-	},
-
-	move_selection = function(e, pos) {
-		if ( e.setSelectionRange )
-			e.setSelectionRange(pos, pos);
-		else if ( e.createTextRange ) {
-			var r = e.createTextRange();
-			r.move("character", -e.value.length);
-			r.move("character", pos);
-			r.select();
-		}
-	},
-
-
-	build_sort_key = function(item, now, is_whisper) {
-		if ( item.type === 'emoticon' )
-			return '2|' + (item.favorite ? 1 : 2) + '|' + item.sort + '|' + item.label;
-
-		else if ( item.type === 'emoji' )
-			return '3|' + (item.favorite ? 1 : 2) + '|' + item.label;
-
-		return '4|' + item.label;
-	};
-
-
-// ---------------------
-// Settings
-// ---------------------
-
-FFZ.settings_info.input_quick_reply = {
-	type: "boolean",
-	value: true,
-
-	category: "Chat Input",
-	no_bttv: true,
-
-	name: "Reply to Whispers with /r",
-	help: "Automatically replace /r at the start of the line with the command to whisper to the person you've whispered with most recently."
-};
-
-FFZ.settings_info.input_mru = {
-	type: "boolean",
-	value: true,
-
-	category: "Chat Input",
-	no_bttv: true,
-
-	name: "Chat Input History",
-	help: "Use the Up and Down arrows in chat to select previously sent chat messages."
-};
-
-FFZ.settings_info.input_complete_emotes = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "Channel and Sub Only",
-		2: "All Emoticons"
-	},
-
-	value: 2,
-
-	process_value: utils.process_int(2),
-
-	category: "Chat Input",
-	no_bttv: true,
-
-	name: "Tab-Complete Emoticons",
-	help: "Use tab completion to complete emoticon names in chat.",
-
-	on_update: function(val) {
-		if ( this._inputv )
-			Ember.propertyDidChange(this._inputv, 'ffz_emoticons');
-	}
-}
-
-
-FFZ.settings_info.input_complete_keys = {
-	type: "boolean",
-	value: false,
-
-	category: "Chat Input",
-	no_bttv: true,
-
-	name: "Tab-Complete Alternate Input",
-	help: "When this is enabled, Tab and Shift-Tab will cycle through possible values and Space will insert the value."
-}
-
-
-FFZ.settings_info.input_complete_commands = {
-	type: "boolean",
-	value: true,
-
-	category: "Chat Input",
-	no_bttv: true,
-
-	name: "Tab-Complete Commands",
-	help: "Use tab completion to complete commands in chat.",
-
-	on_update: function(val) {
-		if ( this._inputv )
-			Ember.propertyDidChange(this._inputv, 'ffz_commands');
-	}
-}
-
-
-FFZ.settings_info.input_complete_aliases = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "By Name or Alias",
-		2: "Aliases Only"
-	},
-
-	value: 1,
-
-	process_value: utils.process_int(1),
-
-	category: "Chat Input",
-	no_bttv: true,
-
-	name: "Tab-Complete User Aliases",
-	help: "Use tab completion to complete aliases you've given to users rather than their username.",
-
-	on_update: function(val) {
-		if ( this._inputv )
-			Ember.propertyDidChange(this._inputv, 'ffz_name_suggestions');
-	}
-}
-
-
-FFZ.settings_info.input_complete_name_at = {
-	type: "boolean",
-	value: true,
-
-	category: "Chat Input",
-	no_bttv: true,
-
-	name: "Tab-Complete Usernames with At Sign",
-	help: "When enabled, tab-completed usernames will have an @ sign before them if you typed one. This is default Twitch behavior, but unnecessary."
-}
-
-
-FFZ.settings_info.input_complete_name_require_at = {
-	type: "boolean",
-	value: false,
-
-	no_bttv: true,
-
-	category: "Chat Input",
-	name: "Tab-Complete Usernames Require At Sign",
-	help: "When enabled, tab-completion will only suggest usernames if triggered with an @ sign."
-}
-
-
-FFZ.settings_info.input_emoticons_case_sensitive = {
-	type: "boolean",
-	value: true,
-
-	category: "Chat Input",
-	no_bttv: true,
-
-	name: "Tab-Complete Emoticons Case Sensitive",
-	help: "When enabled, tab-completion for emoticons is case sensitive."
-}
-
-
-FFZ.settings_info.input_complete_without_prefix = {
-	type: "boolean",
-	value: true,
-
-	category: "Chat Input",
-	no_bttv: true,
-
-	name: "Tab-Complete Sub Emotes without Prefix",
-	help: "Allow you to tab complete a sub emote without including its prefix. Example: Battery into chrisBattery",
-
-	on_update: function(val) {
-		if ( this._inputv )
-			Ember.propertyDidChange(this._inputv, 'ffz_emoticons');
-	}
-}
-
-
-FFZ.settings_info.input_emoji = {
-	type: "boolean",
-	value: true,
-
-	category: "Chat Input",
-	//visible: false,
-	no_bttv: true,
-
-	name: "Enter Emoji By Name",
-	help: "Replace emoji that you type by name with the character. :+1: becomes 👍."
-};
-
-
-// ---------------------
-// Initialization
-// ---------------------
-
-FFZ.prototype.setup_chat_input = function() {
-	this.log("Hooking the Ember Chat Input component.");
-	this.update_views("component:chat/twitch-chat-input", this.modify_chat_input);
-}
-
-
-FFZ.prototype.modify_chat_input = function(component) {
-	var f = this,
-		ConvoInput = utils.ember_resolve('component:twitch-conversations/conversation-input');
-
-	utils.ember_reopen_view(component, {
-		ffz_mru_index: -1,
-		ffz_current_suggestion: 0,
-		ffz_partial_word: '',
-		ffz_partial_word_start: -1,
-		ffz_suggestions_visible: false,
-		ffz_freeze_suggestions: -1,
-		ffz_suggestions_el: null,
-		ffz_name_suggestions: [],
-		ffz_chatters: [],
-
-		ffz_init: function() {
-			// We don't want to store references to conversation input handlers.
-			if ( ! ConvoInput || ! (this.parentView instanceof ConvoInput) )
-				f._inputv = this;
-
-			var s = this._ffz_minimal_style = document.createElement('style');
-			s.id = 'ffz-minimal-chat-textarea-height';
-			document.head.appendChild(s);
-
-			this.set('ffz_name_suggestions', this.get('suggestions'));
-
-			// Redo our key bindings.
-			var t = this.$("textarea");
-
-			if ( ! t || ! t.length )
-				f.error("Cannot find textarea in Twitch Chat Input.");
-
-			if ( ! this.has_bttv ) {
-				t.off("keydown");
-				t.off("keyup");
-				t.on("keypress", this._ffzKeyPress.bind(this));
-				t.on("keydown", this._ffzKeyDown.bind(this));
-			}
-
-			t.on("paste", this._ffzPaste.bind(this));
-
-			t.attr('rows', 1);
-
-			this.ffzResizeInput();
-			setTimeout(this.ffzResizeInput.bind(this), 500);
-		},
-
-		ffz_destroy: function() {
-			if ( f._inputv === this )
-				f._inputv = undefined;
-
-			this.ffzResizeInput();
-
-			if ( this._ffz_minimal_style ) {
-				this._ffz_minimal_style.parentElement.removeChild(this._ffz_minimal_style);
-				this._ffz_minimal_style = undefined;
-			}
-
-			// Reset normal key bindings.
-			var t = this.$("textarea");
-
-			t.attr('rows', undefined);
-
-			t.off("keyup");
-			t.off("keydown");
-			t.off("keypress");
-			t.off("paste");
-
-			t.on("keyup", this._onKeyUp.bind(this));
-			t.on("keydown", this._onKeyDown.bind(this));
-		},
-
-		// Pasting~!
-		_ffzPaste: function(event) {
-			var data = (event.clipboardData || (event.originalEvent && event.originalEvent.clipboardData) || window.clipboardData),
-				text = data && data.getData('text/plain');
-
-			// If we don't have a colon, there can't be any emoji.
-			// Likewise, if the user doesn't want input emoji, don't convert them.
-			if ( ! f.settings.input_emoji || text.indexOf(':') === -1 )
-				return;
-
-			// Alright, check for emoji now.
-			var output = [],
-				input = text.split(':'),
-				last_was_emoji = false;
-
-			output.push(input.shift());
-			for(var i=0, l = input.length - 1; i < l; i++) {
-				var segment = input[i],
-					emoji = ! last_was_emoji ? f.emoji_data[f.emoji_names[segment]] : null;
-
-				if ( emoji ) {
-					output.push(emoji.raw);
-					last_was_emoji = true;
-				} else {
-					output.push((last_was_emoji ? '' : ':') + segment);
-					last_was_emoji = false;
-				}
-			}
-
-			output = output.join("") + (last_was_emoji ? '' : ':') + input[input.length-1];
-
-			// Let the browser's paste be do as it do if there weren't any emoji.
-			if ( output.length === text.length )
-				return;
-
-			// Can we get the selection in our input box?
-			var input = this.get('chatTextArea'),
-				s_val = input && input.value,
-				s_start = input && input.selectionStart,
-				s_end = input && input.selectionEnd;
-
-			if ( ! input || typeof s_start !== "number" || typeof s_end !== "number" )
-				return;
-
-			// Still here? We're clear to inject this ourselves then.
-			event.stopPropagation();
-			event.preventDefault();
-
-			input.value = s_val.substr(0, s_start) + output + s_val.substr(s_end);
-			move_selection(input, s_start + output.length);
-		},
-
-
-		// Suggestions
-
-		ffzBuildSuggestionItem: function(i, item) {
-			// Returns a new element for the suggestions list.
-			if ( ! item )
-				return null;
-
-			var t = this,
-				el = utils.createElement('div', 'suggestion'),
-				inner = utils.createElement('div'),
-				width = item.width ? (246 - item.width) + 'px' : null;
-
-			el.setAttribute('data-id', i);
-			el.classList.toggle('ffz-favorite', item.favorite || false);
-
-			if ( item.image ) {
-				el.classList.add('has-image');
-				el.classList.toggle('is-emoji', item.type === 'emoji');
-				el.style.backgroundImage = 'url("' + utils.quote_attr(item.image) + '")';
-			}
-
-			inner.innerHTML = item.label;
-			if ( width )
-				inner.style.maxWidth = width;
-			el.appendChild(inner);
-
-			if ( f.settings.input_complete_emotes && item.info ) {
-				var info = utils.createElement('span');
-				info.innerHTML = item.info;
-				el.classList.add('has-info');
-				if ( width )
-					info.style.maxWidth = width;
-				el.appendChild(info);
-			}
-
-			el.addEventListener('mouseenter', function() {
-				if ( t.get('ffz_freeze_suggestions') === -1 ) {
-					var els = el.parentElement.querySelectorAll('.suggestion'),
-						middle = els[Math.floor(els.length / 2)];
-					t.set('ffz_freeze_suggestions', middle ? parseInt(middle.getAttribute('data-id')) : i)
-				}
-
-				t.set('ffz_current_suggestion', i);
-			});
-
-			el.addEventListener('mouseup', function() {
-				t.ffzCompleteSuggestion(item);
-			});
-
-			el.addEventListener('wheel', function(e) {
-				// We want to scroll the list up or down. Harder than it sounds. In order
-				// to scroll it well, we should use the center item, not the one under
-				// the mouse.
-				var suggestions = t.get('ffz_sorted_suggestions'),
-					first_el = el.parentElement.querySelector('.suggestion:first-of-type'),
-					first = first_el && parseInt(first_el.getAttribute('data-id'));
-
-				first += event.deltaY > 0 ? 1 : -1;
-
-				t.set('ffz_freeze_suggestions', -1);
-				t.set('ffz_current_suggestion', Math.min(first + 2, suggestions.length - 1));
-			});
-
-			return el;
-		},
-
-
-		ffzUpdateSuggestions: function() {
-			var visible = this.get('ffz_suggestions_visible');
-			if ( visible ) {
-				if ( this.get('ffz_updating') )
-					return;
-
-				this.set('ffz_updating', true);
-
-				var el = this.ffz_suggestions_el,
-					current = this.get('ffz_current_suggestion') || 0;
-
-				if ( ! el ) {
-					el = this.ffz_suggestions_el = utils.createElement('div', 'suggestions ffz-suggestions');
-					this.get('element').appendChild(el);
-
-				} else
-					el.innerHTML = '';
-
-				var suggestions = this.get('ffz_sorted_suggestions'),
-					freeze = this.get('ffz_freeze_suggestions'),
-					middle = freeze === -1 ? current : freeze,
-
-					first = Math.max(0, middle - 2),
-					last = Math.min(suggestions.length, first + 5),
-					added = false;
-
-				first = Math.min(first, Math.max(0, last - 5));
-
-				if ( current >= suggestions.length ) {
-					this.set('ffz_current_suggestion', first);
-					current = first;
-				}
-
-				for(var i=first; i < last; i++) {
-					var item = suggestions[i],
-						item_el = this.ffzBuildSuggestionItem(i, item);
-
-					if ( i === current )
-						item_el.classList.add('highlighted');
-
-					if ( item_el ) {
-						el.appendChild(item_el);
-						added = true;
-					}
-				}
-
-				if ( ! added ) {
-					var item_el = utils.createElement('div', 'suggestion disabled');
-					item_el.textContent = 'No matches.';
-					el.appendChild(item_el);
-				}
-
-				this.set('ffz_updating', false);
-
-			} else if ( this.ffz_suggestions_el ) {
-				jQuery(this.ffz_suggestions_el).remove();
-				this.ffz_suggestions_el = null;
-			}
-
-		}.observes('ffz_suggestions_visible', 'ffz_sorted_suggestions', 'ffz_current_suggestion'),
-
-
-		ffzHideSuggestions: function() {
-			this.set('ffz_suggestions_visible', false);
-			this.set('ffz_freeze_suggestions', -1);
-			this.set('ffz_current_suggestion', 0);
-		},
-
-
-		ffzShowSuggestions: function() {
-			this.set('ffz_current_suggestion', 0);
-			this.ffzFetchNameSuggestions();
-			this.set('ffz_freeze_suggestions', -1);
-			this.set('ffz_suggestions_visible', true);
-			this.ffzSetPartialWord();
-		},
-
-
-		ffzSetPartialWord: function() {
-			var area = this.get('chatTextArea');
-			if ( area && this.get('ffz_suggestions_visible') ) {
-				var text = this.get('messageText'),
-					ind = selection_start(area);
-
-				if ( ind === -1 )
-					return this.ffzHideSuggestions();
-
-				var start = text.lastIndexOf(' ', ind - 1) + 1;
-				this.set('ffz_partial_word_start', start);
-
-				var match = text.substr(start).match(/^[^ ]*/);
-				if ( match && match[0] )
-					this.set('ffz_partial_word', match[0]);
-				else if ( text.charAt(0) === '/' && text.charAt(1) !== ' ' && start === (text.indexOf(' ') + 1) )
-					// Assume the first word after a command is a username.
-					this.set('ffz_partial_word', '@');
-				else
-					this.ffzHideSuggestions();
-			}
-		}.observes('messageText'),
-
-
-		ffzFetchNameSuggestions: function() {
-			if ( ! this.get('ffz_suggestions_visible') )
-				this.set('ffz_name_suggestions', this.get('suggestions')() || []);
-		}.observes('suggestions'),
-
-
-		ffzCompleteSuggestion: function(item, add_space) {
-			if ( ! item ) {
-				var suggestions = this.get('ffz_sorted_suggestions'),
-					current = this.get('ffz_current_suggestion');
-
-				item = suggestions && suggestions[current];
-			}
-
-			this.ffzHideSuggestions();
-
-			var t = this,
-				ind = this.get('ffz_partial_word_start'),
-				text = this.get('messageText'),
-
-				first_char = text.charAt(0),
-				is_cmd = (first_char === '/' || first_char === '.') && text.substr(1,3).toLowerCase() !== 'me ',
-
-				trail, prefix;
-
-			if ( item ) {
-				var content = ((f.settings.input_complete_name_at && ! is_cmd && item.type === 'user' && this.get('ffz_partial_word').charAt(0) === '@') ? '@' : '') +
-						((item.command_content && is_cmd ?
-							item.command_content : item.content) || item.label);
-
-				prefix = text.substr(0, ind) + content;
-				trail =  text.substr(ind + this.get('ffz_partial_word').length);
-			} else {
-				var area = this.get('chatTextArea'),
-					ind = selection_start(area);
-
-				prefix = text.substr(0, ind);
-				trail = text.substr(ind);
-			}
-
-			prefix += !add_space && trail ? '' : ' ';
-
-			this.set('messageText', prefix + trail);
-			this.set('ffz_partial_word', '');
-			this.set('ffz_partial_word_start', -1);
-			if ( item )
-				this.trackSuggestionsCompleted();
-			Ember.run.next(function() {
-				var area = t.get('chatTextArea');
-				move_selection(area, prefix.length);
-				area.focus();
-
-				/*var text = t.get('messageText'),
-					ind = text.indexOf(' '),
-					start = ind !== -1 && text.substr(0, ind);
-
-				if ( (prefix.length-1) === ind && f.settings.input_complete_commands && (start.charAt(0) === '/' || start.charAt(0) === '.') ) {
-					var commands = t.get('ffz_commands'),
-						cmd = commands[start.substr(1)];
-
-					if ( cmd && cmd.label && cmd.label.split(' ',2)[1] === '&lt;user&gt;' ) {
-						t.ffzFetchNameSuggestions();
-						t.set("ffz_suggestions_visible", true);
-						t.ffzSetPartialWord();
-					}
-				}*/
-			});
-		},
-
-
-		ffz_commands: function() {
-			var commands = _.extend({}, DEFAULT_COMMANDS),
-				in_conversation = ConvoInput && this.parentView instanceof ConvoInput,
-				room = this.get('parentView.room'),
-				ffz_room = room && f.rooms[room.get('id')],
-				is_moderator = room && room.get('isModeratorOrHigher'),
-				user = f.get_user(),
-				is_broadcaster = room && user && user.login === room.get('name');
-
-			if ( in_conversation )
-				return {};
-
-			if ( is_moderator )
-				commands = _.extend(commands, MOD_COMMANDS);
-
-			if ( is_broadcaster)
-				commands = _.extend(commands, BROADCASTER_COMMANDS);
-
-			// FFZ Commands
-
-			for(var cmd in FFZ.chat_commands) {
-				var data = FFZ.chat_commands[cmd];
-				if ( commands[cmd] || ! data || data.short )
-					continue;
-
-				var enabled = data.hasOwnProperty('enabled') ? data.enabled : true;
-				if ( typeof enabled === "function" )
-					try {
-						enabled = data.enabled.call(f, ffz_room, [])
-					} catch(err) {
-						f.error('command "' + cmd + '" enabled', err);
-						enabled = false;
-					}
-
-				if ( ! enabled )
-					continue;
-
-				commands[cmd] = {
-					label: data.label,
-					info: data.info,
-					alias: false
-				}
-			}
-
-
-			// Aliases
-			for(var cmd in f._command_aliases) {
-				var data = f._command_aliases[cmd],
-					replacement = data[0],
-					label = data[1];
-
-				if ( ! label ) {
-					var vars = utils.extract_cmd_variables(replacement, true);
-					label = vars.join(' ');
-				} else
-					label = utils.sanitize(label);
-
-				commands[cmd] = {
-					label: '/' + cmd + (label ? ' ' + label : ''),
-					info: replacement,
-					alias: true
-				}
-			}
-
-			return commands;
-
-		}.property('parentView.room.isModeratorOrHigher', 'parentView.room.name'),
-
-
-		ffz_emoticons: function() {
-			var emotes = [],
-				used_ids = [],
-
-				in_conversation = ConvoInput && this.parentView instanceof ConvoInput,
-				room = ! in_conversation && this.get('parentView.room'),
-				room_id = room && room.get('id'),
-				user_emotes = utils.ember_lookup('service:user-emotes'),
-
-				set_data, set_name, replacement, url, is_inventory, is_sub_set, fav_list,
-				emote_set, emote, emote_id, code, sort_factor, is_fav,
-				prefix_length, per_pref,
-
-				user = f.get_user(),
-				ffz_sets = f.getEmotes(user && user.login, room_id),
-
-				setting = f.settings.input_complete_emotes;
-
-			if ( ! setting )
-				return {};
-
-
-			if ( user_emotes ) {
-				var es = user_emotes.allEmotes;
-				if ( es && es.emoticon_sets ) {
-					for(var set_id in es.emoticon_sets) {
-						emote_set = es.emoticon_sets[set_id];
-						is_inventory = f._twitch_inventory_sets.indexOf(set_id) !== -1;
-						fav_list = f.settings.favorite_emotes['twitch-' + (is_inventory ? 'inventory' : set_id)] || [];
-						is_sub_set = false;
-						set_data = !is_inventory && f.get_twitch_set(set_id);
-						set_name = set_data && set_data.c_name;
-						if ( ! emote_set )
-							continue;
-
-						if ( is_inventory )
-							set_name = 'Twitch Inventory';
-
-						else if ( set_name ) {
-							if ( set_name === '--global--' )
-								set_name = 'Twitch Global';
-							else if ( set_name === '--twitch-turbo--' || set_name === 'turbo' || set_name === '--turbo-faces--' )
-								set_name = 'Twitch Turbo';
-							else if ( set_name === '--prime--' || set_name === '--prime-faces--' )
-								set_name = 'Twitch Prime';
-							else {
-								set_name = 'Channel: ' + FFZ.get_capitalization(set_name);
-								is_sub_set = true;
-							}
-
-						} else
-							set_name = "Unknown Source";
-
-						if ( setting === 1 && ! is_sub_set )
-							continue;
-
-						prefix_length = f.settings.input_complete_without_prefix && is_sub_set ? utils.find_common_prefix(_.pluck(emote_set, 'code'), true) : 0;
-						sort_factor = is_sub_set ? 1 : is_inventory ? 8 : 9;
-
-						for(var i = 0; i < emote_set.length; i++) {
-							emote = emote_set[i];
-							if ( used_ids.indexOf(emote.id) !== -1 )
-								continue;
-
-							code = emote && emote.code;
-							code = code && (constants.KNOWN_CODES[code] || code);
-							replacement = f.settings.replace_bad_emotes && constants.EMOTE_REPLACEMENTS[emote.id];
-							url = replacement ?
-								(constants.EMOTE_REPLACEMENT_BASE + replacement) :
-								(constants.TWITCH_BASE + emote.id + "/1.0");
-
-							is_fav = fav_list.indexOf(emote.id) !== -1;
-
-							emotes.push({
-								type: 'emoticon',
-								label: code,
-								info: set_name,
-								sort: sort_factor,
-								image: url,
-								width: null,
-								favorite: is_fav
-							});
-
-							used_ids.push(emote.id);
-
-							if ( prefix_length !== 0 ) {
-								// We have a common prefix, so make sure this emote is longer
-								// than the prefix length, and add it.
-								var unprefixed = code.substr(prefix_length);
-								if ( unprefixed )
-									emotes.push({
-										type: 'emoticon',
-										label: '<i>' + code.substr(0, prefix_length) + '</i>' + unprefixed,
-										match: unprefixed,
-										content: code,
-										info: set_name,
-										sort: sort_factor,
-										image: url,
-										width: null,
-										favorite: is_fav
-									});
-							}
-						}
-					}
-				}
-			}
-
-			used_ids = [];
-
-			for(var i=0; i < ffz_sets.length; i++) {
-				emote_set = f.emote_sets[ffz_sets[i]];
-				if ( ! emote_set )
-					continue;
-
-				if ( setting === 1 && f.default_sets.indexOf(emote_set.id) !== -1 )
-					continue;
-
-				set_name = (emote_set.source || "FFZ") + " " + (emote_set.title || "Global");
-				fav_list = f.settings.favorite_emotes[emote_set.hasOwnProperty('source_ext') ? 'ffz-ext-' + emote_set.source_ext + '-' + emote_set.source_id : 'ffz-' + emote_set.id] || [];
-
-				prefix_length = emote_set.prefix_length || 0;
-
-				if ( prefix_length === 0 && emote_set.has_prefix )
-					prefix_length = utils.find_common_prefix(_.pluck(emote_set.emoticons, 'name'), emote_set.has_prefix !== 2);
-
-				sort_factor = emote_set._type === 1 ? 3 : f.default_sets.indexOf(emote_set.id) === -1 ? 2 : 6;
-
-				for(emote_id in emote_set.emoticons) {
-					emote = emote_set.emoticons[emote_id];
-					if ( emote.hidden || ! emote.name || used_ids.indexOf(emote_id) !== -1 )
-						continue;
-
-					is_fav = fav_list.indexOf(emote.id) !== -1;
-
-					emotes.push({
-						type: "emoticon",
-						label: emote.name,
-						info: set_name,
-						sort: sort_factor,
-						image: emote.urls[1],
-						width: emote.width,
-						favorite: is_fav
-					});
-
-					per_pref = emote.hasOwnProperty('prefix_length') ? emote.prefix_length : prefix_length;
-
-					if ( per_pref !== 0 ) {
-						// We have a common prefix, so make sure this emote is longer
-						// than the prefix length, and add it.
-						var unprefixed = emote.name.substr(per_pref);
-						if ( unprefixed )
-							emotes.push({
-								type: "emoticon",
-								label: '<i>' + emote.name.substr(0, per_pref) + '</i>' + unprefixed,
-								match: unprefixed,
-								content: emote.name,
-								info: set_name,
-								sort: sort_factor,
-								image: emote.urls[1],
-								width: emote.width,
-								favorite: is_fav
-							});
-					}
-				}
-			}
-
-			return emotes;
-		}.property(),
-
-		_setPartialName: function() {
-			if ( f.has_bttv )
-				return this._super();
-		}.observes('messageText'),
-
-		ffz_suggestions: function() {
-			var output = [],
-				emotes = this.get('ffz_emoticons'),
-				commands = this.get('ffz_commands'),
-				suggestions = this.get('ffz_name_suggestions'); //.mapBy('id').uniq();
-
-			if ( f.settings.input_complete_commands ) {
-				// Include Commands
-				for(var command_name in commands) {
-					var cmd = '/' + command_name,
-						data = commands[command_name];
-
-					output.push({
-						type: "command",
-						match: cmd,
-						alternate_match: command_name.toLowerCase(),
-						content: data.content || cmd,
-						label: data.label || cmd,
-						info: data.alias ? 'Alias: ' + data.info : 'Command' + (data.info ? ': ' + data.info : '')
-					});
-				}
-			}
-
-			if ( f.settings.input_complete_emotes ) {
-				// Include Emoticons
-				for(var i=0; i < emotes.length; i++)
-					output.push(emotes[i]);
-					/*var emote = emotes[i],
-						sort_factor = 9,
-						label = emote[1] === emote_name ?
-							emote[1] :
-							('<i>' + emote[1].substr(0, emote[1].length - emote_name.length) + '</i>' + emote_name);
-
-					if ( emote[2] ) {
-						if ( emote[3] )
-							sort_factor = 1;
-
-					} else {
-						var set_data = f.emote_sets[emote[3]];
-						if ( set_data )
-							if ( set_data._type === 1 )
-								sort_factor = 3;
-							else
-								sort_factor = ffz.default_sets.indexOf(set_data.id) === -1 ? 2 : 6;
-					}
-
-					output.push({
-						type: "emoticon",
-						match: emote_name,
-						sort: sort_factor,
-						content: emote[1],
-						label: label,
-						info: emote[4],
-						image: emote[5],
-						width: emote[6],
-						favorite: emote[7] || false
-					});
-				}*/
-
-
-				if ( f.settings.parse_emoji ) {
-					// Include Emoji
-					var setting = f.settings.parse_emoji,
-						fav_list = f.settings.favorite_emotes['emoji'] || [];
-
-					for(var short_name in f.emoji_names) {
-						var eid = f.emoji_names[short_name],
-							emoji = f.emoji_data[eid];
-
-						if ( ! emoji || !(setting === 3 ? emoji.one : (setting === 2 ? emoji.noto : emoji.tw)) )
-							continue;
-
-						var sn = ':' + short_name + ':',
-							src = (f.settings.parse_emoji === 3 ? emoji.one_src : (f.settings.parse_emoji === 2 ? emoji.noto_src : emoji.tw_src));
-
-						output.push({
-							type: "emoji",
-							match: ':' + short_name + ':',
-							content: emoji.raw,
-							label: emoji.name,
-							info: sn,
-							image: src,
-							width: 18,
-							favorite: fav_list.indexOf(emoji.raw) !== -1
-						});
-					}
-				}
-			}
-
-
-			// Always include Users
-			var user_output = {},
-				alias_setting = f.settings.input_complete_aliases;
-
-			for(var i=0; i < suggestions.length; i++) {
-				var suggestion = suggestions[i],
-					name = suggestion.id,
-					display_name = suggestion.displayName,
-					username_match;
-
-				if ( name === undefined ) {
-					var dnt = display_name && display_name.trim();
-					if ( dnt && /^[a-z0-9_]+$/i.test(dnt) )
-						name = dnt.toLowerCase();
-					else
-						continue;
-				}
-
-				if ( ! display_name ) {
-					display_name = name.capitalize();
-					username_match = true;
-				} else
-					username_match = display_name.trim().toLowerCase() === name;
-
-				var alias = f.aliases[name];
-
-				if ( user_output[name] && ! user_output[name].is_alias ) {
-					var token = user_output[name];
-					token.whispered |= suggestion.whispered;
-					if ( suggestion.timestamp > token.timestamp )
-						token.timestamp = suggestion.timestamp;
-				}
-
-				if ( user_output[display_name] && ! user_output[display_name].is_alias ) {
-					var token = user_output[display_name];
-					token.whispered |= suggestion.whispered;
-					if ( suggestion.timestamp > token.timestamp )
-						token.timestamp = suggestion.timestamp;
-
-				} else {
-					if ( alias_setting !== 2 ) {
-						output.push(user_output[display_name] = {
-							type: "user",
-							command_content: name,
-							label: display_name,
-							alternate_match: username_match ? null : name,
-							whispered: suggestion.whispered,
-							timestamp: suggestion.timestamp || new Date(0),
-							info: 'User' + (username_match ? '' : ' (' + name + ')'),
-							is_display_name: ! username_match,
-							is_alias: false
-						});
-
-						if ( ! username_match )
-							output.push(user_output[name] = {
-								type: "user",
-								label: name,
-								alternate_match: display_name,
-								whispered: suggestion.whispered,
-								timestamp: suggestion.timestamp || new Date(0),
-								info: 'User (' + display_name + ')',
-								is_alias: false
-							});
-					}
-
-					if ( alias && alias_setting ) {
-						if ( user_output[alias] && user_output[alias].is_alias ) {
-							var token = user_output[alias];
-							token.whispered |= suggestion.whispered;
-							token.timestamp = Math.max(token.timestamp, suggestion.timestamp);
-
-						} else if ( ! user_output[alias] )
-							output.push(user_output[alias] = {
-								type: "user",
-								command_content: name,
-								label: alias,
-								whispered: suggestion.whispered,
-								timestamp: suggestion.timestamp || new Date(0),
-								info: 'User Alias (' + name + ')',
-								is_alias: true
-							});
-					}
-				}
-			}
-
-			return output;
-
-		}.property('ffz_emoticons', 'ffz_name_suggestions'),
-
-
-		ffz_filtered_suggestions: Ember.computed("ffz_suggestions", "ffz_partial_word", "ffz_partial_word_start", function() {
-			var suggestions = this.get('ffz_suggestions'),
-				partial = this.get('ffz_partial_word'),
-				word_start = this.get('ffz_partial_word_start'),
-				part2 = partial.substr(1),
-				char = partial.charAt(0),
-				is_at = char === '@',
-				is_command = char === '.' || char === '/';
-
-			return suggestions.filter(function(item) {
-				var name = item.match || item.content || item.label,
-					type = item.type;
-
-				if ( ! name )
-					return false;
-
-				if ( type === 'command' ) {
-					if ( word_start > 0 )
-						return false;
-
-					if ( is_command )
-						return item.alternate_match.indexOf(part2.toLowerCase()) === 0;
-
-					return name.toLowerCase().indexOf(partial.toLowerCase()) === 0;
-				}
-
-				if ( type === 'user' ) {
-					// Names are case insensitive, and we have to ignore the leading @ of our
-					// partial word when matching.
-					if ( ! is_at && f.settings.input_complete_name_require_at )
-						return false;
-
-					name = name.toLowerCase();
-					var part = (is_at ? part2 : partial).toLowerCase(),
-						alt_name = item.alternate_match;
-
-					return name.indexOf(part) === 0 || (alt_name && alt_name.indexOf(part) === 0);
-
-				} else if ( type === 'emoji' || ! f.settings.input_emoticons_case_sensitive ) {
-					name = name.toLowerCase();
-					return name.indexOf(partial.toLowerCase()) === 0;
-				}
-
-				return name.indexOf(partial) === 0;
-			});
-		}),
-
-
-		ffz_sorted_suggestions: Ember.computed("ffz_filtered_suggestions.[]", function() {
-			var text = this.get('messageText'),
-				now = Date.now(),
-				char = text.charAt(0),
-				is_command = char === '/' || char === '.',
-				is_whisper = is_command && text.substr(1, 2) === 'w ';
-
-			return this.get('ffz_filtered_suggestions').sort(function(a, b) {
-				// First off, sort users ahead of everything else.
-				if ( a.type === 'user' ) {
-					if ( b.type !== 'user' )
-						return -1;
-
-					else if ( is_whisper ) {
-						if ( a.whisper && ! b.whisper )
-							return -1;
-						else if ( ! a.whisper && b.whisper )
-							return 1;
-					}
-
-					if ( a.is_display_name && ! b.is_display_name )
-						return -1;
-					else if ( ! a.is_display_name && b.is_display_name )
-						return 1;
-
-					if ( a.timestamp > b.timestamp ) return -1;
-					else if ( a.timestamp < b.timestamp ) return 1;
-
-					var an = a.label.toLowerCase(),
-						bn = b.label.toLowerCase();
-
-					if ( an < bn ) return -1;
-					else if ( an > bn ) return 1;
-					return 0;
-
-				} else if ( b.type === 'user' )
-					return 1;
-
-				var an = build_sort_key(a, now, is_whisper),
-					bn = build_sort_key(b, now, is_whisper);
-
-				if ( an < bn ) return -1;
-				if ( an > bn ) return 1;
-				return 0;
-			});
-		}),
-
-		// Input Control
-
-		ffzOnInput: function() {
-			if ( ! f._chat_style || f.settings.minimal_chat < 2 || is_android )
-				return;
-
-			var now = Date.now(),
-				since = now - (this._ffz_last_resize || 0);
-
-			if ( since > 500 )
-				this.ffzResizeInput();
-
-		}.observes('messageText'),
-
-		ffzResizeInput: function() {
-			this._ffz_last_resize = Date.now();
-
-			var el = this.get('element'),
-				t = el && el.querySelector('textarea');
-
-			if ( ! t || ! f._chat_style || f.settings.minimal_chat < 2 )
-				return;
-
-			// Unfortunately, we need to change this with CSS.
-			this._ffz_minimal_style.innerHTML = 'body.ffz-minimal-chat-input .ember-chat .chat-interface .textarea-contain textarea { height: auto !important; }';
-			var height = Math.max(32, Math.min(128, t.scrollHeight));
-			this._ffz_minimal_style.innerHTML = 'body.ffz-minimal-chat-input .ember-chat .chat-interface .textarea-contain textarea { height: ' + height + 'px !important; }';
-
-			if ( height !== this._ffz_last_height ) {
-				utils.update_css(f._chat_style, "input_height", 'body.ffz-minimal-chat-input .ember-chat .chat-interface { height: ' + height + 'px !important; }' +
-					'body.ffz-minimal-chat-input .ember-chat .chat-messages, body.ffz-minimal-chat-input .ember-chat .chat-interface .emoticon-selector { bottom: ' + height + 'px !important; }');
-				f._roomv && f._roomv.get('stuckToBottom') && f._roomv._scrollToBottom();
-			}
-
-			this._ffz_last_height = height;
-		},
-
-		hideSuggestions: Ember.on("document.mouseup", function(event) {
-			var target = event.target,
-				cl = target.classList;
-
-			if ( f.has_bttv )
-				this._super();
-
-			if ( ! this.get('ffz_suggestions_visible') || cl.contains('suggestion') || cl.contains('suggestions') || target === this.get('chatTextArea') )
-				return;
-
-			this.ffzHideSuggestions();
-		}),
-
-
-		_ffzKeyPress: function(event) {
-			var t = this,
-				e = event || window.event,
-				key = e.charCode || e.keyCode;
-
-			switch(key) {
-				case CHARCODES.AT_SIGN:
-					// If we get an @, show the menu. But only if we're at a new word
-					// boundary, or the start of the line.
-					if ( ! this.get('ffz_suggestions_visible') ) {
-						var ind = selection_start(this.get('chatTextArea')) - 1;
-						Ember.run.next(function() {
-							if ( ind < 0 || t.get('messageText').charAt(ind) === ' ' ) {
-								t.ffzShowSuggestions();
-								t.trackSuggestions("@");
-							}
-						});
-					}
-
-					break;
-
-				case CHARCODES.PERIOD:
-				case CHARCODES.SLASH:
-					// If we get a command, show the menu, but only if we're at the start of a line.
-					if ( ! this.get('ffz_suggestions_visible') && f.settings.input_complete_commands && !(ConvoInput && this.parentView instanceof ConvoInput) ) {
-						var ind = selection_start(this.get('chatTextArea')) - 1;
-						Ember.run.next(function() {
-							if ( ind === -1 )
-								t.ffzShowSuggestions();
-						});
-					}
-
-					break;
-
-				case CHARCODES.COLON:
-					if ( f.settings.input_emoji ) {
-						var textarea = this.get('chatTextArea'),
-							ind = selection_start(textarea);
-
-						ind > 0 && Ember.run.next(function() {
-							var text = t.get('messageText'),
-								emoji_start = text.lastIndexOf(':', ind - 1);
-
-							if ( emoji_start !== -1 && ind !== -1 && text.charAt(ind) === ':' ) {
-								var match = text.substr(emoji_start + 1, ind - emoji_start - 1),
-									emoji_id = f.emoji_names[match],
-									emoji = f.emoji_data[emoji_id];
-
-								if ( emoji ) {
-									var prefix = text.substr(0, emoji_start) + emoji.raw;
-									t.ffzHideSuggestions();
-									t.set('messageText', prefix + text.substr(ind + 1));
-									Ember.run.next(function() {
-										move_selection(t.get('chatTextArea'), prefix.length);
-									});
-								}
-							}
-						})
-					}
-			}
-		},
-
-
-		_ffzKeyDown: function(event) {
-			var t = this,
-				e = event || window.event,
-				key = e.charCode || e.keyCode;
-
-			switch(key) {
-				case KEYCODES.ESC:
-					if ( this.get('ffz_suggestions_visible') ) {
-						this.ffzHideSuggestions();
-						e.preventDefault();
-					}
-
-					break;
-
-
-				case KEYCODES.BACKSPACE:
-					if ( this.get('ffz_suggestions_visible') && (this.get('ffz_partial_word').length === 1 || selection_start(this.get('chatTextArea')) === 0) )
-						this.ffzHideSuggestions();
-
-					break;
-
-
-				case KEYCODES.TAB:
-					// If we do Ctrl-Tab or Alt-Tab. Just don't
-					// even think of doing suggestions.
-					if ( e.ctrlKey || e.altKey || e.metaKey )
-						break;
-
-					e.preventDefault();
-
-					var text = this.get('messageText');
-					if ( text.length === 0 )
-						break;
-
-					if ( text.charAt(0) !== '/' || f.settings.input_complete_name_require_at ) {
-						var ind = selection_start(this.get('chatTextArea')),
-							part = text.substr(ind > 0 ? ind - 1 : 0),
-							match = /^[^ ]+/.exec(part);
-
-						if ( ! match || match[0].length === 0 )
-							break;
-					}
-
-					// If suggestions aren't visible... show them. And set that we
-					// triggered the suggestions with tab.
-					if ( ! this.get('ffz_suggestions_visible') ) {
-						this.ffzFetchNameSuggestions();
-						this.set('ffz_suggestions_visible', true);
-						this.ffzSetPartialWord();
-						this.trackSuggestions("Tab");
-
-					// If suggestions are visible, tab through the possibilities.
-					} else if ( f.settings.input_complete_keys ) {
-						var suggestions = this.get('ffz_sorted_suggestions'),
-							current = this.get('ffz_current_suggestion') + ((e.shiftKey || e.shiftLeft) ? -1 : 1);
-
-						if ( current < 0 )
-							current = suggestions.length - 1;
-						else if ( current >= suggestions.length )
-							current = 0;
-
-						this.set('ffz_freeze_suggestions', -1);
-						this.set('ffz_current_suggestion', current);
-
-					// Otherwise, complete the suggestion.
-					} else
-						this.ffzCompleteSuggestion();
-
-					break;
-
-
-				case KEYCODES.PAGE_UP:
-				case KEYCODES.PAGE_DOWN:
-					// Navigate through suggestions if those are open.
-					if ( this.get('ffz_suggestions_visible') && !( e.shiftKey || e.shiftLeft || e.ctrlKey || e.metaKey ) ) {
-						var suggestions = this.get('ffz_sorted_suggestions'),
-							current = this.get('ffz_current_suggestion') + (key === KEYCODES.PAGE_UP ? -5 : 5);
-
-						if ( current < 0 )
-							current = 0;
-						else if ( current >= suggestions.length )
-							current = suggestions.length - 1;
-
-						this.set('ffz_freeze_suggestions', -1);
-						this.set('ffz_current_suggestion', current);
-						e.preventDefault();
-					}
-
-					break;
-
-				case KEYCODES.UP:
-				case KEYCODES.DOWN:
-					// First, navigate through suggestions if those are open.
-					if ( this.get('ffz_suggestions_visible') && !( e.shiftKey || e.shiftLeft || e.ctrlKey || e.metaKey ) ) {
-						var suggestions = this.get('ffz_sorted_suggestions'),
-							current = this.get('ffz_current_suggestion') + (key === KEYCODES.UP ? -1 : 1);
-
-						if ( current < 0 )
-							current = suggestions.length - 1;
-						else if ( current >= suggestions.length )
-							current = 0;
-
-						this.set('ffz_freeze_suggestions', -1);
-						this.set('ffz_current_suggestion', current);
-						e.preventDefault();
-						break;
-
-					// Otherwise, if we're holding any special modifiers, don't do
-					// anything special to avoid breaking functionality.
-					} else if ( e.shiftKey || e.shiftLeft || e.ctrlKey || e.metaKey )
-						break;
-
-					// If MRU is enabled, cycle through it if the cursor's position doesn't
-					// change as a result of this action.
-					else if ( f.settings.input_mru )
-						Ember.run.next(this.ffzCycleMRU.bind(this, key, selection_start(this.get("chatTextArea"))));
-
-					// If MRU isn't enabled, cycle through the whisper targets.
-					else
-						Ember.run.next(this.cycleWhisperTargets.bind(this, key));
-
-					break;
-
-
-				case KEYCODES.ENTER:
-					if ( e.shiftKey || e.shiftLeft )
-						break;
-
-					this.set('ffz_mru_index', -1);
-
-					if ( this.get('ffz_suggestions_visible') )
-						this.ffzCompleteSuggestion();
-					else {
-						this.set("_currentWhisperTarget", -1);
-						setTimeout(this.ffzResizeInput.bind(this), 25);
-						this.sendAction("sendMessage");
-					}
-
-					if ( e.stopPropagation )
-						e.stopPropagation();
-
-					e.preventDefault();
-					break;
-
-
-				case KEYCODES.SPACE:
-					// First things first, if we're currently showing suggestions, get rid of them.
-					if ( this.get('ffz_suggestions_visible') )
-						if ( f.settings.input_complete_keys ) {
-							this.ffzCompleteSuggestion(null, true);
-							e.preventDefault();
-						} else
-							this.ffzHideSuggestions();
-
-					// After pressing space, if we're entering a command, do stuff!
-					// TODO: Better support for commands.
-					var sel = selection_start(this.get('chatTextArea'));
-					Ember.run.next(function() {
-						var text = t.get("messageText"),
-							ind = text.indexOf(' '),
-							start = ind !== -1 && text.substr(0, ind);
-
-						if ( ind !== sel )
-							return;
-
-						if ( f.settings.input_quick_reply && start === '/r' ) {
-							var target = t.get("uniqueWhisperSuggestions.0");
-							if ( target ) {
-								t.set("_currentWhisperTarget", 0);
-								t.set("messageText", "/w " + target + t.get("messageText").substr(2));
-
-								Ember.run.next(function() {
-									move_selection(t.get('chatTextArea'), 4 + target.length);
-								});
-							} else {
-								t.set("messageText", "/w " + t.get('messageText').substr(2));
-								Ember.run.next(function() {
-									move_selection(t.get('chatTextArea'), 3);
-									t.ffzFetchNameSuggestions();
-									t.set("ffz_suggestions_visible", true);
-									t.ffzSetPartialWord();
-								});
-							}
-
-						} /* else if ( f.settings.input_complete_commands && (start.charAt(0) === '/' || start.charAt(0) === '.') ) {
-							var commands = t.get('ffz_commands'),
-								cmd = commands[start.substr(1)];
-
-							if ( cmd && cmd.label && cmd.label.split(' ',2)[1] === '&lt;user&gt;' ) {
-								t.ffzFetchNameSuggestions();
-								t.set("ffz_suggestions_visible", true);
-								t.ffzSetPartialWord();
-							}
-						}*/
-					});
-			}
-		},
-
-
-		ffzCycleMRU: function(key, start_ind) {
-			// We don't want to do this if the keys were just moving the cursor around.
-			var cur_pos = selection_start(this.get("chatTextArea"));
-			if ( start_ind !== cur_pos )
-				return;
-
-			var ind = this.get('ffz_mru_index'),
-				mru = this.get('parentView.room.mru_list') || [];
-
-			if ( key === KEYCODES.UP )
-				ind = (ind + 1) % (mru.length + 1);
-			else
-				ind = (ind + mru.length) % (mru.length + 1);
-
-			var old_val = this.get('ffz_old_mru');
-			if ( old_val === undefined || old_val === null ) {
-				old_val = this.get('messageText');
-				this.set('ffz_old_mru', old_val);
-			}
-
-			var new_val = mru[ind];
-			if ( new_val === undefined ) {
-				this.set('ffz_old_mru', undefined);
-				new_val = old_val;
-			}
-
-			this.set('ffz_mru_index', ind);
-			this.set('messageText', new_val);
-		}
-	});
-}
\ No newline at end of file
diff --git a/src/ember/chatview.js b/src/ember/chatview.js
deleted file mode 100644
index 68974e07..00000000
--- a/src/ember/chatview.js
+++ /dev/null
@@ -1,1501 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils'),
-	constants = require('../constants');
-
-
-// --------------------
-// Settings
-// --------------------
-
-FFZ.basic_settings.delayed_chat = {
-	type: "select",
-	options: {
-		"-1": "Default Delay (Room Specific; Non-Mod Only)",
-		0: "No Delay",
-		300: "Minor (Bot Moderation; 0.3s)",
-		1200: "Normal (Human Moderation; 1.2s)",
-		5000: "Large (Spoiler Removal / Really Slow Mods; 5s)",
-		10000: "Extra Large (10s)",
-		15000: "Extremely Large (15s)",
-		20000: "Mods Asleep; Delay Chat (20s)",
-		30000: "Half a Minute (30s)",
-		60000: "Why??? (1m)"
-	},
-
-	category: "Chat",
-	no_bttv: 6,
-
-	name: "Delay and Filter Chat",
-	help: "Delay the appearance of chat messages to allow time for moderation and completely hide removed messages.",
-
-	get: function() {
-		if ( ! this.settings.remove_deleted || ! this.settings.remove_bot_ban_notices )
-			return 0;
-
-		return this.settings.chat_delay;
-	},
-
-	set: function(val) {
-		val = +val;
-
-		this.settings.set('remove_deleted', val !== 0);
-		this.settings.set('remove_bot_ban_notices', val !== 0);
-		this.settings.set('chat_delay', val);
-	}
-};
-
-
-FFZ.settings_info.custom_badge_images = {
-	type: "boolean",
-	value: true,
-
-	category: "Chat Appearance",
-	name: "Enable Custom Badge Images",
-	help: "Display custom mod badges for channels that have them set.",
-
-	on_update: function(val) {
-		var rs = this._room_style;
-		if ( ! rs )
-			return;
-
-		for(var room_id in this.rooms) {
-			var room = this.rooms[room_id];
-			room && utils.update_css(rs, room_id, (val ? utils.moderator_css(room) : '') + (room.css || ''));
-		}
-	}
-}
-
-
-FFZ.settings_info.disable_trending_emotes = {
-	type: "boolean",
-	value: false,
-
-	category: "Chat Appearance",
-	name: "Disable Trending Emotes",
-	help: "Disable the trending emotes section above the chat input box on channels where it exists.",
-
-	on_update: utils.toggle_cls('ffz-hide-trending-emotes')
-}
-
-
-FFZ.settings_info.minimal_chat = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "No Heading",
-		2: "Minimalistic Input",
-		3: "All"
-	},
-
-	value: 0,
-
-	category: "Chat Appearance",
-
-	name: "Minimalistic Chat",
-	help: "Hide all of the chat user interface, only showing messages and an input box.",
-
-	process_value: utils.process_int(0, 0, 3),
-
-	on_update: function(val) {
-			document.body.classList.toggle("ffz-minimal-chat-head", val === 1 || val === 3);
-			document.body.classList.toggle("ffz-minimal-chat-input", val > 1);
-
-			if ( this.settings.group_tabs && this._chatv && this._chatv._ffz_tabs ) {
-				var f = this;
-				setTimeout(function() {
-					f._chatv && f._chatv.$('.chat-room').css('top', f._chatv._ffz_tabs.offsetHeight + "px");
-					f._roomv && f._roomv.get('stuckToBottom') && f._roomv._scrollToBottom();
-				},0);
-			}
-
-			if ( (val === 1 || val === 3) && this._chatv && this._chatv.get('isShowingList') )
-				this._chatv.set('isShowingList', false);
-
-			// Remove the style if we have it.
-			if ( ! (val > 1) && this._chat_style ) {
-				if ( this._inputv ) {
-					if ( this._inputv._ffz_minimal_style )
-						this._inputv._ffz_minimal_style.innerHTML = '';
-
-					this._inputv._ffz_last_height = undefined;
-				}
-
-				utils.update_css(this._chat_style, "input_height", '');
-				this._roomv && this._roomv.get('stuckToBottom') && this._roomv._scrollToBottom();
-
-			} else if ( val > 1 && this._inputv )
-				this._inputv.ffzResizeInput();
-		}
-	};
-
-
-FFZ.settings_info.chat_batching = {
-	type: "select",
-	options: {
-		0: "No Batching",
-		125: "Minimal (0.125s)",
-		250: "Minor (0.25s)",
-		500: "Normal (0.5s)",
-		750: "Large (0.75s)",
-		1000: "Extreme (1s)"
-	},
-	value: 0,
-
-	category: "Chat Appearance",
-	no_bttv: 6,
-
-	name: "Chat Message Batching",
-	help: "Display chat messages in batches to improve performance in <em>extremely</em> fast chats.",
-
-	process_value: utils.process_int(0),
-
-	on_update: function(val) {
-		if ( this._roomv )
-			this._roomv.ffzUpdateStatus();
-	}
-};
-
-
-FFZ.settings_info.chat_delay = {
-	type: "select",
-	options: {
-		"-1": ["Default Delay (Room Specific; Non-Mod Only)", 0],
-		0: ["No Delay", 1],
-		300: ["Minor (Bot Moderation; 0.3s)", 2],
-		1200: ["Normal (Human Moderation; 1.2s)", 3],
-		5000: ["Large (Spoiler Removal / Really Slow Mods; 5s)", 4],
-		10000: ["Extra Large (10s)", 5],
-		15000: ["Extremely Large (15s)", 6],
-		20000: ["Mods Asleep; Delay Chat (20s)", 7],
-		30000: ["Half a Minute (30s)", 8],
-		60000: ["Why??? (1m)", 9],
-		788400000000: ["The CBenni Option (Literally 25 Years)", 10]
-	},
-	value: -1,
-
-	category: "Chat Appearance",
-	no_bttv: 6,
-
-	name: "Artificial Chat Delay",
-	help: "Delay the appearance of chat messages to allow for moderation before you see them.",
-
-	process_value: utils.process_int(-1),
-
-	on_update: function (val) {
-		for(var room_id in this.rooms) {
-			var room = this.rooms[room_id].room;
-			if ( room )
-				Ember.propertyDidChange(room, 'ffz_chat_delay');
-		}
-
-		if ( this._roomv )
-			this._roomv.ffzUpdateStatus();
-	}
-};
-
-
-FFZ.settings_info.remove_filtered = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "Mark as Message Deleted",
-		2: "Remove Message"
-	},
-
-	value: 0,
-	process_value: utils.process_int(0),
-
-	category: "Chat Filtering",
-	no_bttv: 6,
-
-	name: "Remove Messages with Banned Words",
-	help: "Mark messages with banned words as deleted or outright remove them from chat.",
-};
-
-
-FFZ.settings_info.remove_filtered_mod = {
-	type: "boolean",
-	value: false,
-
-	category: "Chat Filtering",
-	no_bttv: 6,
-
-	name: "Remove Messages from Moderators",
-	help: "Messages with banned words will only be removed if they are not from a moderator, unless this setting is enabled."
-};
-
-
-FFZ.settings_info.remove_deleted = {
-	type: "boolean",
-	value: false,
-
-	no_bttv: 6,
-
-	category: "Chat Filtering",
-	name: "Remove Deleted Messages",
-	help: "Remove deleted messages from chat entirely rather than leaving behind a clickable &lt;deleted message&gt;.",
-
-	on_update: function(val) {
-			if ( this.has_bttv_6 || ! this.rooms || ! val )
-				return;
-
-			for(var room_id in this.rooms) {
-				var ffz_room = this.rooms[room_id],
-					room = ffz_room && ffz_room.room;
-				if ( ! room )
-					continue;
-
-				var msgs = room.get('messages'),
-					total = msgs.get('length'),
-					i = total,
-					alternate;
-
-				while(i--) {
-					var msg = msgs.get(i);
-					if ( msg.ffz_deleted || msg.deleted )
-						msgs.removeAt(i);
-				}
-			}
-		}
-	};
-
-
-FFZ.settings_info.remove_bot_ban_notices = {
-	type: "boolean",
-	value: false,
-
-	no_bttv: 6,
-
-	category: "Chat Filtering",
-	name: "Remove Bot Ban Notices",
-	help: "Remove messages from bots announcing who was banned for what reason and for how long.",
-};
-
-
-FFZ.settings_info.prevent_clear = {
-	type: "boolean",
-	value: false,
-
-	no_bttv: 6,
-
-	category: "Chat Filtering",
-	name: "Show Deleted Messages",
-	help: "Fade deleted messages instead of replacing them, and prevent chat from being cleared.",
-
-	on_update: function(val) {
-			if ( this.has_bttv_6 || ! this.rooms )
-				return;
-
-			for(var room_id in this.rooms) {
-				var ffz_room = this.rooms[room_id],
-					room = ffz_room && ffz_room.room;
-				if ( ! room )
-					continue;
-
-				room.get("messages").forEach(function(s, n) {
-					if ( val && ! s.ffz_deleted && s.deleted )
-						room.set("messages." + n + ".deleted", false);
-
-					else if ( s.ffz_deleted && ! val && ! s.deleted )
-						room.set("messages." + n + ".deleted", true);
-				});
-			}
-		}
-	};
-
-FFZ.settings_info.chat_history = {
-	type: "boolean",
-	value: true,
-
-	visible: false,
-	category: "Chat Appearance",
-	name: "Chat History <span>Alpha</span>",
-	help: "Load previous chat messages when loading a chat room so you can see what people have been talking about. <b>This currently only works in a handful of channels due to server capacity.</b>",
-	};
-
-FFZ.settings_info.group_tabs = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "Rooms with Recent Activity",
-		2: "Rooms with Recent Mentions",
-		3: "All Rooms"
-	},
-
-	value: 0,
-
-	process_value: utils.process_int(0, 0, 3),
-
-	no_bttv: 6,
-
-	category: "Chat Appearance",
-	name: "Chat Room Tabs",
-	help: "Display tabs for chat rooms with recent activity at the top of the chat window for more convenient chatting.",
-
-	on_update: function(val) {
-			if ( this.has_bttv_6 || ! this._chatv )
-				return;
-
-			if ( val )
-				if ( this._chatv._ffz_tabs )
-					this._chatv.ffzRebuildTabs();
-				else
-					this._chatv.ffzEnableTabs();
-			else
-				this._chatv.ffzDisableTabs();
-
-			this._chatv.ffzUpdateMenuUnread();
-		}
-	};
-
-
-FFZ.settings_info.pinned_rooms = {
-	value: [],
-	visible: false,
-	};
-
-FFZ.settings_info.visible_rooms = {
-	value: [],
-	visible: false,
-	};
-
-
-// --------------------
-// Initialization
-// --------------------
-
-FFZ.prototype.refresh_chat = function() {
-	var parents, lines = jQuery('ul.chat-lines');
-	if ( this.has_bttv_6 || ! lines || ! lines.length )
-		return;
-
-	parents = lines.parents('.chatReplay');
-	if ( parents && parents.length )
-		return;
-
-	// There are chat-lines in the DOM and they aren't chat replay.
-	var controller = utils.ember_lookup('controller:chat');
-	if ( ! controller )
-		return;
-
-	var current_room = controller.get("currentRoom");
-	controller.blurRoom();
-	controller.focusRoom(current_room);
-}
-
-FFZ.prototype.setup_chatview = function() {
-	utils.toggle_cls('ffz-minimal-chat-head')(this.settings.minimal_chat === 1 || this.settings.minimal_chat === 3);
-	utils.toggle_cls('ffz-minimal-chat-input')(this.settings.minimal_chat === 2 || this.settings.minimal_chat === 3);
-	utils.toggle_cls('ffz-hide-trending-emotes')(this.settings.disable_trending_emotes);
-
-	this.log("Hooking the Ember Chat controller.");
-
-	var Chat = utils.ember_lookup('controller:chat'),
-		f = this;
-
-	if ( Chat ) {
-		Chat.set('ffz_last_channel_room', Chat.get('currentChannelRoom.id'));
-		Chat.reopen({
-			openPopout: function() {
-				var room_id = this.get('currentRoom.id'),
-					width = f.settings.right_column_width;
-
-				return window.open("/" + room_id + "/chat?popout=", "_blank", "right=50,top=50,width=" + width + ",height=600,resizable=yes,scrollbars=no,toolbar=no,location=no,directories=no,status=no,menubar=no,copyhistory=no");
-			},
-
-			ffzUpdateChannels: function() {
-				if ( ! f._chatv || f.has_bttv_6 )
-					return;
-
-				f._chatv.ffzRebuildMenu();
-				if ( f.settings.group_tabs )
-					f._chatv.ffzRebuildTabs();
-
-			}.observes("currentChannelRoom", "connectedPrivateGroupRooms"),
-
-			ffzSubOwnChannelRoom: function() {
-				try {
-				// This logic should keep us subscribed to the current chat room
-				// at all times. Hopefully.
-				var last_room_id = this.get("ffz_last_channel_room"),
-					room_id = this.get("currentChannelRoom.id"),
-
-					last_room = f.rooms && f.rooms[last_room_id],
-					room = f.rooms && f.rooms[room_id];
-
-				this.set("ffz_last_channel_room", room_id);
-
-				f.update_room_important(last_room_id, this);
-				f.update_room_important(room_id, this);
-
-				if ( last_room && ! last_room.important )
-					f.ws_unsub("room." + last_room_id);
-
-				if ( room && room.important )
-					f.ws_sub("room." + room_id);
-
-				} catch(err) {
-					f.error("Error updating Chat Room Subscriptions", err);
-				}
-
-			}.observes("currentChannelRoom"),
-
-			ffzUpdateInvites: function() {
-				if ( ! f._chatv || f.has_bttv_6 )
-					return;
-
-				f._chatv.ffzUpdateMenuUnread();
-			}.observes("invitedPrivateGroupRooms"),
-
-			ffzChangedRoom: function() {
-				if ( f._inputv )
-					Ember.propertyDidChange(f._inputv, 'ffz_emoticons');
-			}.observes('currentRoom'),
-
-			notificationsCount: function() {
-				if ( ! f._chatv || f.has_bttv_6 )
-					return this._super();
-
-				var total = this.get('invitedPrivateGroupRooms.length') || 0;
-
-				if ( ! f._chatv._ffz_tabs && f._chatv.ffz_unread )
-					for(var room_id in f._chatv.ffz_unread)
-						if ( f._chatv.ffz_unread[room_id] )
-							total++;
-
-				return total;
-			}.property("currentRoom", "currentChannelRoom", "currentChannelRoom.unreadCount", "invitedPrivateGroupRooms.length", "connectedPrivateGroupRooms.@each.unreadCount"),
-
-			_kickUserFromRoomNoLongerInList: function() {
-				// Remove an unread notice for any missing channels.
-				if ( f._chatv && f._chatv.ffz_unread ) {
-					var updated = false;
-					for(var room_id in f._chatv.ffz_unread)
-						if ( f._chatv.ffz_unread[room_id] && (!f.rooms[room_id] || !f.rooms[room_id].room) ) {
-							f._chatv.ffz_unread[room_id] = false;
-							updated = true;
-						}
-
-					if ( updated )
-						f._chatv.ffzUpdateMenuUnread();
-				}
-
-				var room = this.get("currentRoom"),
-					room_id = room && room.get('id'),
-					channel_room = this.get("currentChannelRoom"),
-					is_group = room && _.contains(this.get("privateGroupRooms.content") || [], room);
-
-				if ( room === channel_room || is_group || (f._chatv && f._chatv._ffz_host === room_id) || (f.settings.pinned_rooms && f.settings.pinned_rooms.indexOf(room_id) !== -1) )
-					return;
-
-				this.blurRoom();
-
-				if ( ! this.get("showList") )
-					this.send("toggleMode");
-
-			}.observes("privateGroupRooms.@each"),
-
-			removeCurrentChannelRoom: function() {
-				if ( f.has_bttv_6 )
-					return this._super();
-
-				var room = this.get("currentChannelRoom"),
-					room_id = room && room.get('id'),
-					user = f.get_user();
-
-				// Don't clean up pinned rooms or the current host target.
-				if ( !((f._chatv && f._chatv._ffz_host === room_id) || (f.settings.pinned_rooms && f.settings.pinned_rooms.indexOf(room_id) !== -1)) ) {
-					if ( room === this.get("currentRoom") )
-						this.blurRoom();
-
-					// Don't destroy it if it's the user's room.
-					if ( room && user && user.login !== room_id )
-						room.ffzScheduleDestroy();
-				}
-
-				this.set("currentChannelRoom", void 0);
-			}
-		});
-	}
-
-
-	this.log("Hooking the Ember Chat Room Manager component.");
-	this.update_views('component:chat/chat-room-manager', this.modify_chat_room_manager);
-
-	this.log("Hooking the Ember from-display-preview component.");
-	this.update_views('component:chat/from-display-preview', this.modify_from_display_preview);
-
-}
-
-
-// ----------------------------
-// Modify From Display Preview
-// ----------------------------
-
-FFZ.prototype.modify_from_display_preview = function(view) {
-	var f = this;
-	utils.ember_reopen_view(view, {
-		attributeBindings: ["chatUser.id:data-room"],
-
-		ffz_init: function() {
-			var el = this.get('element');
-			if ( el )
-				el.classList.add('from-display-preview');
-
-			//this.ffzUpdateChatColor();
-			this.ffzRenderBadges();
-		},
-
-		ffz_badges: function() {
-			var room_id = this.get('chatUser.id'),
-				badges = f.get_twitch_badges(this.get('chatUser.chatBadges'), room_id);
-			return f.get_badges(this.get('userData.login'), room_id, badges);
-		}.property('chatUser.chatBadges', 'userData.login', 'chatUser.id'),
-
-		/*ffzUpdateChatColor: function() {
-			var el = this.get('element'),
-				name = el && el.querySelector('span.strong');
-
-			if ( ! name )
-				return;
-
-			name.classList.add('has-color');
-			name.classList.add('replay-color');
-			name.setAttribute('data-color', this.get('room.model.chatColor'));
-
-		}.observes('room.model.chatColor'),*/
-
-		ffzRenderBadges: function() {
-			var badges = this.get('ffz_badges'),
-				el = this.get('element'),
-				badge_container = el && el.querySelector('.ffz_badges');
-
-			if ( ! badge_container ) {
-				var old_container = el && el.querySelector('.badges');
-				if ( ! old_container )
-					return;
-
-				old_container.classList.add('hidden');
-
-				badge_container = utils.createElement('div', 'badges ffz_badges');
-				old_container.parentElement.insertBefore(badge_container, old_container);
-			}
-
-			badge_container.innerHTML = f.render_badges(badges);
-
-		}.observes('ffz_badges'),
-
-		/*colorStyle: function(e) {
-			var base_color = this.get('room.model.chatColor'),
-				colors = f._handle_color(base_color);
-
-			if ( ! colors )
-				return "";
-
-			return "color:" + ( f.settings.dark_twitch ? colors[1] : colors[0] );
-		}*/
-	});
-}
-
-
-
-// --------------------
-// Modify Chat View
-// --------------------
-
-FFZ.prototype.modify_chat_room_manager = function(component) {
-	var f = this,
-		controller = utils.ember_lookup('controller:chat');
-
-	utils.ember_reopen_view(component, {
-		ffz_init: function() {
-			f._chatv = this;
-
-			var t = this,
-				room_id = this.get('room.name'),
-				el = this.get('element');
-
-			el && el.setAttribute('data-room', room_id || "");
-
-			// Fix Twitch being stupid and inconsistent.
-			var parent = el.parentElement;
-			if ( parent && parent.classList.contains('ember-chat-container') )
-				parent.classList.add('chat-container');
-
-			this.$('.textarea-contain').append(f.build_ui_link(this));
-
-			if ( ! f.has_bttv_6 ) {
-				if ( f.settings.group_tabs )
-					this.ffzEnableTabs();
-
-				this.ffzRebuildMenu();
-			}
-
-			this.ffz_pruner = setInterval(this.ffzPruneTabs.bind(this), 10000);
-
-			f.api_trigger('chat-view-init', el, this);
-
-			setTimeout(function() {
-				if ( f.settings.group_tabs && t._ffz_tabs )
-					t.$('.chat-room').css('top', t._ffz_tabs.offsetHeight + "px");
-
-				t.set('isShowingList', false);
-			}, 1000);
-		},
-
-		ffz_destroy: function() {
-			if ( f._chatv === this )
-				f._chatv = null;
-
-			if ( this.ffz_pruner ) {
-				clearInterval(this.ffz_pruner);
-				this.ffz_pruner = null;
-			}
-
-			this.$('.textarea-contain .ffz-ui-toggle').remove();
-
-			if ( f.settings.group_tabs )
-				this.ffzDisableTabs();
-
-			this.ffzTeardownMenu();
-			this.ffzUnloadHost();
-
-			f.api_trigger('chat-view-destroy', this.get('element'), this);
-		},
-
-
-		ffzPruneTabs: function() {
-			if ( ! this._ffz_tabs )
-				return;
-
-			var elements = this._ffz_tabs.querySelectorAll('.ffz-chat-tab:not(.hidden):not(.active)'),
-				update_height = false;
-
-			for(var i=0; i < elements.length; i++) {
-				var el = elements[i],
-					room_id = el.getAttribute('data-room'),
-					was_hidden = el.classList.contains('hidden'),
-					is_hidden = ! this.ffzTabVisible(room_id);
-
-				if ( was_hidden !== is_hidden ) {
-					el.classList.toggle('hidden', is_hidden);
-					update_height = true;
-				}
-			}
-
-			if ( update_height )
-				this.$('.chat-room').css('top', this._ffz_tabs.offsetHeight + "px");
-		},
-
-
-		ffzChangeRoom: Ember.observer('room', function() {
-			f.update_ui_link();
-			this.ffz_unread = this.ffz_unread || {};
-
-			// Close mod cards when changing to a new room.
-			if ( f._mod_card )
-				f._mod_card.get('closeAction')();
-
-			var room = controller.get('currentRoom'),
-				room_id = room && room.get('id'),
-				el = this.get('element'),
-				was_unread = room_id && this.ffz_unread[room_id],
-				update_height = false;
-
-			if ( room ) {
-				room.resetUnreadCount && room.resetUnreadCount();
-				room.ffz_last_view = Date.now();
-			}
-
-			el && el.setAttribute('data-room', room_id || "");
-
-			if ( room && room._ffz_tab ) {
-				var was_hidden = room._ffz_tab.classList.contains('hidden'),
-					is_hidden = ! this.ffzTabVisible(room_id);
-
-				if ( was_hidden !== is_hidden ) {
-					room._ffz_tab.classList.toggle('hidden', is_hidden);
-					update_height = true;
-				}
-			}
-
-			if ( was_unread && room_id ) {
-				this.ffz_unread[room_id] = false;
-				this.ffzUpdateMenuUnread();
-			}
-
-			if ( this._ffz_chan_table )
-				jQuery('.ffz-room-row.active', this._ffz_chan_table).removeClass('active');
-
-			if ( this._ffz_group_table )
-				jQuery('.ffz-room-row.active', this._ffz_group_table).removeClass('active');
-
-			if ( this._ffz_tabs ) {
-				jQuery('.ffz-chat-tab.active', this._ffz_tabs).removeClass('active');
-
-				// Invite Link
-				var can_invite = room && room.get('canInvite');
-				if ( this._ffz_invite )
-					this._ffz_invite.classList.toggle('hidden', ! can_invite);
-
-				this.set('isShowingInviteUser', false);
-				update_height = true;
-			}
-
-			if ( room && room._ffz_tab ) {
-				room._ffz_tab.classList.remove('tab-mentioned');
-				room._ffz_tab.classList.add('active');
-				var sp = room._ffz_tab.querySelector('span:not(.intl-login)');
-				if ( sp )
-					sp.innerHTML = '';
-			}
-
-			if ( room && room._ffz_row ) {
-				room._ffz_row.classList.remove('row-mentioned');
-				room._ffz_row.classList.add('active');
-				var sp = room._ffz_row.querySelector('span:not(.intl-login)');
-				if ( sp )
-					sp.innerHTML = '';
-			}
-
-			if ( update_height )
-				this.$('.chat-room').css('top', this._ffz_tabs.offsetHeight + "px");
-		}),
-
-
-		// Hosted Channel Chat
-		ffzUnloadHost: function() {
-			if ( ! this._ffz_host )
-				return;
-
-			if ( f.settings.pinned_rooms.indexOf(this._ffz_host) === -1 ) {
-				if ( controller.get('currentRoom') === this._ffz_host_room )
-					controller.blurRoom();
-
-				// Schedule the room to be destroyed. This is after a short
-				// delay to make sure we aren't just loading the room in a
-				// new way.
-				this._ffz_host_room.ffzScheduleDestroy();
-			}
-
-			this._ffz_host = null;
-			this._ffz_host_room = null;
-		},
-
-		ffzUpdateHost: function() {
-			var Channel = utils.ember_lookup('controller:channel'),
-				Room = utils.ember_resolve('model:room'),
-				target = Room && Channel && Channel.get('channelModel.hostModeTarget'),
-
-				updated = false;
-
-			if ( f.has_bttv_6 )
-				return;
-
-			if ( target ) {
-				var target_id = target.get('id');
-				if ( this._ffz_host !== target_id ) {
-					this.ffzUnloadHost();
-
-					this._ffz_host = target_id;
-					this._ffz_host_room = Room.findOne(target_id);
-					updated = true;
-				}
-
-			} else if ( this._ffz_host ) {
-				this.ffzUnloadHost();
-				updated = true;
-			}
-
-			if ( updated ) {
-				this.ffzRebuildMenu();
-				this.ffzRebuildTabs();
-			}
-		},
-
-
-		// Unread Handling
-
-		ffzUpdateMenuUnread: function() {
-			var el = this.get('element'),
-				unread_display = el && el.querySelector('#ffz-group-tabs .button .notifications');
-
-			Ember.propertyDidChange(controller, 'notificationsCount');
-
-			if ( unread_display )
-				unread_display.innerHTML = utils.format_unread(controller.get('notificationsCount'));
-		},
-
-
-		ffzUpdateUnread: function(target_id) {
-			var current_id = this.get('room.id');
-			this.ffz_unread = this.ffz_unread || {};
-
-			if ( target_id === current_id )
-				// We don't care about updates to the current room.
-				return;
-
-			var to_update,
-				update_unread = false,
-				update_height = false;
-
-			// If we DO have a room ID, only update that room.
-			if ( target_id )
-				to_update = [target_id];
-			else
-				to_update = Object.keys(f.rooms);
-
-			for(var i=0; i < to_update.length; i++) {
-				var room_id = to_update[i],
-					room = f.rooms[room_id] && f.rooms[room_id].room,
-					row = room && room._ffz_row,
-					tab = room && room._ffz_tab,
-
-					unread_count = room_id === current_id ? 0 : room.get('unreadCount'),
-					is_unread = unread_count > 0,
-					unread = utils.format_unread(unread_count);
-
-
-				if ( this.ffz_unread[room_id] !== is_unread ) {
-					this.ffz_unread[room_id] = is_unread;
-					update_unread = true;
-				}
-
-				if ( row ) {
-					var sp = row.querySelector('span:not(.intl-login)');
-					if ( sp )
-						sp.innerHTML = unread;
-				}
-
-				if ( tab ) {
-					var was_hidden = tab.classList.contains('hidden'),
-						is_hidden = ! this.ffzTabVisible(room_id),
-						sp = tab.querySelector('span:not(.intl-login)');
-
-					if ( was_hidden !== is_hidden ) {
-						tab.classList.toggle('hidden', is_hidden);
-						update_height = true;
-					}
-
-					if ( sp )
-						sp.innerHTML = unread;
-				}
-			}
-
-			if ( update_height )
-				this.$('.chat-room').css('top', this._ffz_tabs.offsetHeight + "px");
-
-			if ( update_unread )
-				this.ffzUpdateMenuUnread();
-		},
-
-
-		// Menu Rendering
-
-		ffzTeardownMenu: function() {
-			var el = this.get('element'),
-				room_list = el && el.querySelector('.chat-rooms .tse-content'),
-
-				chan_table = room_list && room_list.querySelector('#ffz-channel-table'),
-				group_table = room_list && room_list.querySelector('#ffz-group-table');
-
-			if ( chan_table )
-				chan_table.parentElement.removeChild(chan_table);
-
-			if ( group_table )
-				group_table.parentElement.removeChild(group_table);
-
-			this._ffz_chan_table = null;
-			this._ffz_group_table = null;
-
-			if ( room_list && room_list.classList.contains('ffz-room-list') ) {
-				room_list.classList.remove('ffz-room-list');
-				jQuery('.ffz', room_list).removeClass('ffz');
-			}
-
-			for(var room_id in f.rooms)
-				if ( f.rooms[room_id] && f.rooms[room_id].room && f.rooms[room_id].room._ffz_row )
-					f.rooms[room_id].room._ffz_row = null;
-		},
-
-		ffzRebuildMenu: function() {
-			var el = this.get('element'),
-				room_list = el && el.querySelector('.chat-rooms .tse-content');
-
-			if ( ! room_list )
-				return;
-
-			if ( ! room_list.classList.contains('ffz-room-list') ) {
-				room_list.classList.add('ffz-room-list');
-
-				// Find the Pending Invitations
-				var headers = room_list.querySelectorAll('.list-header'),
-					hdr = headers.length ? headers[headers.length-1] : undefined;
-
-				if ( hdr ) {
-					hdr.classList.add('ffz');
-					if ( hdr.nextSibling && hdr.nextSibling.classList )
-						hdr.nextSibling.classList.add('ffz');
-				}
-			}
-
-
-			// Channel Table
-			var view = this,
-				chan_table = this._ffz_chan_table || room_list.querySelector('#ffz-channel-table tbody');
-
-			if ( ! chan_table ) {
-				var tbl = utils.createElement('table', 'ffz');
-				tbl.setAttribute('cellspacing', '0');
-				tbl.id = 'ffz-channel-table';
-				tbl.innerHTML = '<thead><tr><th colspan="2">Channels</th><th class="ffz-row-switch" title="Pinning a channel makes it so you always join that channel\'s chat, no matter where you are on Twitch.">Pin</th></tr></thead><tbody></tbody>';
-				room_list.insertBefore(tbl, room_list.firstChild);
-
-				jQuery('.ffz-row-switch', tbl).zipsy({gravity: utils.newtip_placement(constants.TOOLTIP_DISTANCE, 'se')});
-
-				chan_table = this._ffz_chan_table = tbl.querySelector('tbody');
-
-			} else
-				chan_table.innerHTML = '';
-
-
-			// Current Channel
-			var room = controller.get('currentChannelRoom'),
-				room_id = room && room.get('id'),
-				row;
-
-			if ( room ) {
-				row = this.ffzBuildRow(room, true);
-				row && chan_table.appendChild(row);
-			}
-
-
-			// Host Target
-			if ( this._ffz_host_room ) {
-				row = this.ffzBuildRow(this._ffz_host_room, false, true);
-				row && chan_table.appendChild(row);
-			}
-
-
-			// Pinned Rooms
-			for(var i=0; i < f.settings.pinned_rooms.length; i++) {
-				var pinned_id = f.settings.pinned_rooms[i];
-				if ( room_id !== pinned_id && this._ffz_host !== pinned_id && f.rooms[pinned_id] && f.rooms[pinned_id].room ) {
-					row = this.ffzBuildRow(f.rooms[pinned_id].room);
-					row && chan_table.appendChild(row);
-				}
-			}
-
-
-			// Group Chat Table
-			var group_table = this._ffz_group_table || room_list.querySelector('#ffz-group-table tbody');
-			if ( ! group_table ) {
-				var tbl = utils.createElement('table', 'ffz');
-				tbl.setAttribute('cellspacing', '0');
-				tbl.id = 'ffz-group-table';
-				tbl.innerHTML = '<thead><tr><th colspan="2">Group Chats</th></tr></thead><tbody></tbody>';
-
-				var before = room_list.querySelector('#ffz-channel-table');
-				room_list.insertBefore(tbl, before.nextSibling);
-
-				group_table = this._ffz_group_table = tbl.querySelector('tbody');
-
-			} else
-				group_table.innerHTML = '';
-
-			_.each(controller.get('connectedPrivateGroupRooms'), function(room) {
-				var row = view.ffzBuildRow(room);
-				row && group_table && group_table.appendChild(row);
-			});
-
-
-			// Change Create Tooltip
-			var create_btn = el.querySelector('.button.create');
-			if ( create_btn )
-				create_btn.title = 'Create a Group Room';
-		},
-
-
-		ffzBuildRow: function(room, current_channel, host_channel) {
-			var view = this,
-
-				row = document.createElement('tr'),
-				icon = document.createElement('td'),
-				name_el = document.createElement('td'),
-
-				btn,
-				toggle_pinned = document.createElement('td'),
-
-				room_id = room.get('id'),
-				group = room.get('isGroupRoom'),
-				active_channel = room === controller.get('currentRoom'),
-				unread = utils.format_unread(active_channel ? 0 : room.get('unreadCount')),
-
-				name = room.get('channel.display_name') || room.get('tmiRoom.displayName') || (group ? room.get('tmiRoom.name') : FFZ.get_capitalization(room_id, function(name) {
-					var active_channel = room === controller.get('currentRoom');
-					unread = utils.format_unread(active_channel ? 0 : room.get('unreadCount'));
-					var results = group ? [utils.sanitize(name), undefined] : f.format_display_name(name, room_id, true);
-					name_el.innerHTML = results[0] + ' <span>' + unread + '</span>';
-					if ( results[1] )
-						row.title += '<br>' + results[1];
-				}));
-
-
-			row.setAttribute('data-room', room_id);
-
-			row.className = 'ffz-room-row';
-			row.classList.toggle('current-channel', current_channel);
-			row.classList.toggle('host-channel', host_channel);
-			row.classList.toggle('group-chat', group);
-			row.classList.toggle('active', active_channel);
-
-			if ( current_channel ) {
-				icon.innerHTML = constants.CAMERA;
-				row.title = "Current Channel";
-				row.classList.add('html-tooltip');
-
-			} else if ( host_channel ) {
-				icon.innerHTML = constants.EYE;
-				row.title = "Hosted Channel";
-				row.classList.add('html-tooltip');
-			}
-
-			name_el.className = 'ffz-room';
-
-			var results = group ? [utils.sanitize(name), undefined] : f.format_display_name(name, room_id, true);
-			name_el.innerHTML = results[0] + ' <span>' + unread + '</span>';
-			if ( results[1] )
-				row.title += '<br>' + results[1];
-
-			row.appendChild(icon);
-			row.appendChild(name_el);
-
-			toggle_pinned.className = 'ffz-row-switch';
-
-			if ( ! group ) {
-				toggle_pinned.innerHTML = '<a class="switch' + (f.settings.pinned_rooms.indexOf(room_id) !== -1 ? ' active' : '') + '"><span></span></a>';
-				btn = toggle_pinned.querySelector('a.switch');
-				btn.addEventListener('click', function(e) {
-					e.preventDefault();
-					e.stopPropagation && e.stopPropagation();
-
-					var is_pinned = f.settings.pinned_rooms.indexOf(room_id) !== -1;
-
-					if ( is_pinned )
-						f._leave_room(room_id);
-					else
-						f._join_room(room_id);
-
-					this.classList.toggle('active', !is_pinned);
-				});
-			} else {
-				btn = utils.createElement('a', 'leave-chat html-tooltip');
-				btn.innerHTML = constants.CLOSE;
-				btn.title = 'Leave Group';
-
-				toggle_pinned.innerHTML = '';
-				toggle_pinned.appendChild(btn);
-
-				btn.addEventListener('click', function(e) {
-					e.preventDefault();
-					e.stopPropagation && e.stopPropagation();
-
-					if ( ! confirm('Are you sure you want to leave the group room "' + name + '"?') )
-						return;
-
-					room.get('isGroupRoom') && room.del();
-				});
-			}
-
-			row.appendChild(toggle_pinned);
-
-			row.addEventListener('click', function() {
-				controller.focusRoom(room);
-				view.set('isShowingList', false);
-			});
-
-			room._ffz_row = row;
-			return row;
-		},
-
-
-		// Group Tabs
-
-		ffzEnableTabs: function() {
-			if ( f.has_bttv_6 || ! f.settings.group_tabs || this._ffz_tabs )
-				return;
-
-			// Hide the existing chat UI.
-			this.$(".chat-header").addClass("hidden");
-
-			// Create our own UI.
-			var tabs = this._ffz_tabs = document.createElement("div");
-			tabs.id = "ffz-group-tabs";
-			this.$(".chat-header").after(tabs);
-
-			// List the Rooms
-			this.ffzRebuildTabs();
-		},
-
-		ffzDisableTabs: function() {
-			if ( this._ffz_tabs ) {
-				this._ffz_tabs.parentElement.removeChild(this._ffz_tabs);
-				this._ffz_tabs = null;
-				this._ffz_invite = null;
-
-				for(var room_id in f.rooms)
-					if ( f.rooms[room_id] && f.rooms[room_id].room && f.rooms[room_id].room._ffz_tab )
-						f.rooms[room_id].room._ffz_tab = null;
-			}
-
-			// Show the old chat UI.
-			this.$('.chat-room').css('top', '');
-			this.$(".chat-header").removeClass("hidden");
-		},
-
-
-		ffzRebuildTabs: function() {
-			var tabs = this._ffz_tabs || this.get('element').querySelector('#ffz-group-tabs');
-			if ( ! tabs )
-				return;
-
-			tabs.innerHTML = "";
-
-			if ( f.has_bttv_6 || ! f.settings.group_tabs )
-				return;
-
-			var link = utils.createElement('a', 'button button--icon-only'),
-				view = this;
-
-			// Chat Room Management Button
-			link.title = "Chat Room Management";
-			link.innerHTML = '<figure class="icon">' + constants.ROOMS + '</figure><span class="notifications"></span>';
-
-			jQuery(link).zipsy({gravity: "n", offset: 10});
-
-			link.addEventListener('click', function() {
-				view.set('isShowingList', !view.get('isShowingList'));
-			});
-
-			tabs.appendChild(link);
-
-
-			// Invite Button
-			link = utils.createElement('a', 'button button--icon-only html-tooltip invite');
-			link.title = "Invite a User";
-			link.innerHTML = '<figure class="icon">' + constants.INVITE + '</figure>';
-
-			link.addEventListener('click', function() {
-				view.set('isShowingInviteUser', view.get('room.canInvite') && !view.get('isShowingInviteUser') );
-			});
-
-			link.classList.toggle('hidden', !this.get('room.canInvite'));
-			view._ffz_invite = link;
-			tabs.appendChild(link);
-
-
-			// Current Room
-			var room = controller.get('currentChannelRoom'),
-				room_id = room && room.get('id'),
-				tab;
-
-			if ( room ) {
-				tab = this.ffzBuildTab(room, true);
-				tab && tabs.appendChild(tab);
-			}
-
-
-			// Host Target
-			if ( this._ffz_host_room ) {
-				tab = view.ffzBuildTab(this._ffz_host_room, false, true);
-				tab && tabs.appendChild(tab);
-			}
-
-
-			// Pinned Rooms
-			for(var i=0; i < f.settings.pinned_rooms.length; i++) {
-				var pinned_id = f.settings.pinned_rooms[i];
-				if ( room_id !== pinned_id && this._ffz_host !== pinned_id && f.rooms[pinned_id] && f.rooms[pinned_id].room ) {
-					tab = view.ffzBuildTab(f.rooms[pinned_id].room, false, false);
-					tab && tabs.appendChild(tab);
-				}
-			}
-
-
-			// Group Chat
-			_.each(controller.get('connectedPrivateGroupRooms'), function(room) {
-				var tab = view.ffzBuildTab(room);
-				tab && tabs.appendChild(tab);
-			});
-
-
-			// Adjust the height of the chat room to account for the height of the numerous tabs.
-			this.$('.chat-room').css('top', tabs.offsetHeight + "px");
-			this.ffzUpdateMenuUnread();
-		},
-
-		ffzBuildTab: function(room, current_channel, host_channel) {
-			var view = this,
-
-				tab = document.createElement('span'), name, unread, icon = '',
-				room_id = room.get('id'),
-				group = room.get('isGroupRoom'),
-				active_channel = room === controller.get('currentRoom');
-
-			tab.setAttribute('data-room', room_id);
-
-			tab.className = 'ffz-chat-tab html-tooltip';
-			tab.classList.toggle('current-channel', current_channel);
-			tab.classList.toggle('host-channel', host_channel);
-			tab.classList.toggle('group-chat', group);
-			tab.classList.toggle('active', active_channel);
-
-			tab.classList.toggle('hidden', ! this.ffzTabVisible(room_id));
-
-			unread = utils.format_unread(active_channel ? 0 : room.get('unreadCount'));
-
-			name = room.get('channel.display_name') || room.get('tmiRoom.displayName') || (group ? room.get('tmiRoom.name') : FFZ.get_capitalization(room_id, function(name) {
-				var active_channel = room === controller.get('currentRoom');
-				unread = utils.format_unread(active_channel ? 0 : room.get('unreadCount'));
-				var results = group ? [utils.sanitize(name), undefined] : f.format_display_name(name, room_id, true, true);
-				tab.innerHTML = icon + results[0] + '<span>' + unread + '</span>';
-				if ( results[1] )
-					tab.title += '<br>' + results[1];
-			}));
-
-			if ( current_channel ) {
-				icon = constants.CAMERA;
-				tab.title = "Current Channel";
-			} else if ( host_channel ) {
-				icon = constants.EYE;
-				tab.title = "Hosted Channel";
-			} else if ( group )
-				tab.title = "Group Chat";
-			else
-				tab.title = "Pinned Channel";
-
-			var results = group ? [utils.sanitize(name), undefined] : f.format_display_name(name, room_id, true, true);
-			tab.innerHTML = icon + results[0] + '<span>' + unread + '</span>';
-			if ( results[1] )
-				tab.title += '<br>' + results[1];
-
-			tab.addEventListener('click', function() {
-				controller.focusRoom(room);
-				view.set('isShowingList', false);
-			});
-
-			room._ffz_tab = tab;
-			return tab;
-		},
-
-		ffzTabVisible: function(room_id) {
-			var room = f.rooms[room_id] && f.rooms[room_id].room,
-				is_current = room === controller.get('currentRoom'),
-				is_channel = room === controller.get('currentChannelRoom'),
-
-				now = Date.now();
-
-			// Non-Existant Rooms
-			if ( ! room )
-				return false;
-
-			if ( is_current || is_channel || room_id === this._ffz_host || f.settings.group_tabs === 3 )
-				// Important Tabs
-				return true;
-
-			else if ( now - room.ffz_last_view < 60000 || now - room.ffz_last_input < 2700000 )
-				// Recent Self Input or View
-				return true;
-
-			else if ( f.settings.group_tabs === 1 && now - (room.ffz_last_activity || 0) < 2700000 )
-				// Any Recent Activity
-				return true;
-
-			else if ( f.settings.group_tabs === 2 && now - (room.ffz_last_mention || 0) < 2700000 )
-				// Recent Mentions
-				return true;
-
-			return false;
-		}
-	});
-}
-
-
-// ----------------------
-// Chat Room Connections
-// ----------------------
-
-FFZ.prototype.connect_extra_chat = function() {
-	this.log("App Path: " + App.currentPath);
-
-	var user = this.get_user();
-	if ( user && user.login ) {
-		// Make sure we're in the user's room.
-		if ( ! this.rooms[user.login] || this.rooms[user.login].room ) {
-			var Room = utils.ember_resolve('model:room'),
-				room = Room && Room.findOne(user.login);
-			if ( room && App.currentPath === 'user.chat' )
-				room.set('isEmbedChat', true);
-		}
-	}
-
-	// We don't join extra rooms with BTTV.
-	if ( this.has_bttv_6 )
-		return;
-
-	for(var i=0; i < this.settings.pinned_rooms.length; i++)
-		this._join_room(this.settings.pinned_rooms[i], true);
-
-	if ( ! this._chatv )
-		return;
-
-
-	// Rebuild the chat UI.
-	if ( this.settings.group_tabs )
-		this._chatv.ffzRebuildTabs();
-
-	this._chatv.ffzRebuildMenu();
-}
-
-
-FFZ.prototype.disconnect_extra_chat = function() {
-	var Chat = utils.ember_lookup('controller:chat'),
-		current_channel_id = Chat && Chat.get('currentChannelRoom.id'),
-		current_id = Chat && Chat.get('currentRoom.id'),
-		user = this.get_user();
-
-	if ( ! Chat )
-		return;
-
-	for(var i=0; i < this.settings.pinned_rooms.length; i++) {
-		var room_id = this.settings.pinned_rooms[i];
-		if ( room_id === current_channel_id || (user && room_id === user.login) )
-			continue;
-
-		if ( this.rooms[room_id] && this.rooms[room_id].room ) {
-			if ( current_id === room_id )
-				Chat.blurRoom();
-
-			this.rooms[room_id].room.destroy();
-		}
-	}
-}
-
-
-FFZ.prototype._join_room = function(room_id, no_rebuild) {
-	var did_join = false;
-	if ( this.settings.pinned_rooms.indexOf(room_id) === -1 ) {
-		this.settings.pinned_rooms.push(room_id);
-		this.settings.set("pinned_rooms", this.settings.pinned_rooms);
-		did_join = true;
-	}
-
-
-	// Make sure we're not already there.
-	if ( ! this.rooms[room_id] || ! this.rooms[room_id].room ) {
-		// Okay, fine. Get it.
-		var Room = utils.ember_resolve('model:room'),
-			room = Room && Room.findOne(room_id);
-		if ( room && App.currentPath === 'user.chat' )
-			room.set('isEmbedChat', true);
-	}
-
-
-	// Rebuild the chat UI.
-	if ( ! no_rebuild && ! this.has_bttv_6 && this._chatv ) {
-		if ( this.settings.group_tabs )
-			this._chatv.ffzRebuildTabs();
-
-		this._chatv.ffzRebuildMenu();
-	}
-
-	return did_join;
-}
-
-
-FFZ.prototype._leave_room = function(room_id, no_rebuild) {
-	var did_leave = false;
-	if ( this.settings.pinned_rooms.indexOf(room_id) !== -1 ) {
-		this.settings.pinned_rooms.removeObject(room_id);
-		this.settings.set("pinned_rooms", this.settings.pinned_rooms);
-		did_leave = true;
-	}
-
-	if ( ! this.rooms[room_id] || ! this.rooms[room_id].room )
-		return did_leave;
-
-	var Chat = utils.ember_lookup('controller:chat'),
-		r = this.rooms[room_id].room,
-		user = this.get_user();
-
-	if ( ! Chat || Chat.get('currentChannelRoom.id') === room_id || (this._chatv && this._chatv._ffz_host === room_id) )
-		return did_leave;
-
-	if ( Chat.get('currentRoom.id') === room_id )
-		Chat.blurRoom();
-
-	// Don't leave the user's room, but update the UI.
-	if ( ! user || user.login !== room_id )
-		r.destroy();
-
-
-	// Rebuild the chat UI.
-	if ( ! no_rebuild && ! this.has_bttv_6 && this._chatv ) {
-		if ( this.settings.group_tabs )
-			this._chatv.ffzRebuildTabs();
-
-		this._chatv.ffzRebuildMenu();
-	}
-
-	return did_leave;
-}
-
-
-// ----------------------
-// Commands
-// ----------------------
-
-FFZ.chat_commands.join = function(room, args) {
-	if ( this.has_bttv_6 )
-		return "Pinned Rooms are not available with BetterTTV installed.";
-
-	if ( ! args || ! args.length || args.length > 1 )
-		return "Join Usage: /join <channel>";
-
-	var room_id = args[0].toLowerCase();
-	if ( room_id.charAt(0) === "#" )
-		room_id = room_id.substr(1);
-
-	if ( this._join_room(room_id) )
-		return "Joining " + room_id + ". You will always connect to this channel's chat unless you later /part from it.";
-	else
-		return "You have already joined " + room_id + ". Please use \"/part " + room_id + "\" to leave it.";
-}
-
-FFZ.chat_commands.join.no_bttv = 6;
-FFZ.chat_commands.join.label = '/join &lt;channel&gt;';
-FFZ.chat_commands.join.info = 'Add Channel to Pinned Rooms';
-
-
-FFZ.chat_commands.part = function(room, args) {
-	if ( this.has_bttv_6 )
-		return "Pinned Rooms are not available with BetterTTV installed.";
-
-	if ( ! args || ! args.length || args.length > 1 )
-		return "Part Usage: /part <channel>";
-
-	var room_id = args[0].toLowerCase();
-	if ( room_id.charAt(0) === "#" )
-		room_id = room_id.substr(1);
-
-	if ( this._leave_room(room_id) )
-		return "Leaving " + room_id + ".";
-	else if ( this.rooms[room_id] )
-		return "You do not have " + room_id + " pinned and you cannot leave the current channel or hosted channels via /part.";
-	else
-		return "You are not in " + room_id + ".";
-}
-
-FFZ.chat_commands.part.no_bttv = 6;
-FFZ.chat_commands.part.label = '/part &lt;channel&gt;';
-FFZ.chat_commands.part.info = 'Remove Channel from Pinned Rooms';
\ No newline at end of file
diff --git a/src/ember/commerce.js b/src/ember/commerce.js
deleted file mode 100644
index 00ffdbd8..00000000
--- a/src/ember/commerce.js
+++ /dev/null
@@ -1,330 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils'),
-	constants = require('../constants');
-
-
-// --------------------
-// Settings
-// --------------------
-
-FFZ.settings_info.show_commerce = {
-	type: "select",
-	options: {
-		0: "Never",
-		1: "When Revenue is Shared",
-		2: "Always"
-	},
-
-	value: 2,
-	process_value: utils.process_int(0),
-
-	no_mobile: true,
-
-	category: "Commerce",
-	name: "Display Commerce Bar",
-	help: "Show the commerce bar under channels that allows you to purchase supported games.",
-
-	on_update: function(val) {
-		utils.toggle_cls('ffz-hide-purchase-game')(val === 0);
-		var views = utils.ember_views(),
-			ChannelBox = utils.ember_resolve('component:commerce/channel-box');
-
-		if ( ! ChannelBox )
-			return;
-
-		for(var key in views)
-			if ( views[key] instanceof ChannelBox )
-				try {
-					views[key].ffzUpdateVisibility();
-				} catch(err) { }
-	}
-}
-
-
-FFZ.settings_info.show_itad = {
-	type: "boolean",
-	value: true,
-
-	no_mobile: true,
-
-	category: "Commerce",
-	name: "Display Competitor Pricing",
-	help: "Add a button on the commerce bar with pricing from other stores.",
-
-	on_update: function(val) {
-		var views = utils.ember_views(),
-			BuyGameNow = utils.ember_resolve('component:commerce/buy-game-now');
-
-		if ( ! BuyGameNow )
-			return;
-
-		for(var key in views)
-			if ( views[key] instanceof BuyGameNow )
-				try {
-					views[key].ffzRenderPricing();
-				} catch(err) { }
-	}
-}
-
-
-// --------------------
-// Initialization
-// --------------------
-
-FFZ.prototype.setup_commerce = function() {
-	this._itad_game_to_plain = {};
-
-	// Styles
-	utils.toggle_cls('ffz-hide-purchase-game')(this.settings.show_commerce === 0);
-
-	// Ember Modifications
-	this.update_views('component:commerce/channel-box', this.modify_commerce_box);
-	this.update_views('component:commerce/buy-game-now', this.modify_buy_game_now);
-}
-
-
-// --------------------
-// Modifications
-// --------------------
-
-FFZ.prototype.modify_commerce_box = function(view) {
-	var f = this;
-	utils.ember_reopen_view(view, {
-		ffz_init: function() {
-			this.ffzUpdateVisibility();
-		},
-
-		ffzUpdateVisibility: function() {
-			var el = this.parentView.get('element'),
-				real_el = el && el.querySelector('.cmrc-channel-box');
-
-			if ( ! real_el )
-				! this.isDestroyed && setTimeout(this.ffzUpdateVisibility.bind(this), 250);
-			else
-				real_el.classList.toggle('hidden', f.settings.show_commerce === 1 && ! this.get('showSupports'));
-
-		}.observes('showSupports')
-	})
-}
-
-
-FFZ.prototype.modify_buy_game_now = function(view) {
-	var f = this;
-	utils.ember_reopen_view(view, {
-		itad_plain: null,
-		itad_price: null,
-		itad_country: null,
-
-		ffz_init: function() {
-			if ( ! this.$().parents('.cmrc-game-details-box,.cmrc-channel-box').length || ! this.$('button').length )
-				return;
-
-			//f.log("Buy-Game-New Component", this);
-			this.itad_count = 0;
-			this.ffzUpdateITADPlain();
-
-			var t = this;
-			f.get_location().then(function(data) {
-				t.set('itad_country', data && data.country);
-			});
-		},
-
-		ffzTitle: function() {
-			// Do this because Twitch's ToS say you're not allowed to use data collected from
-			// the API to show users commercial offers. This scrapes the game title from the
-			// page itself and not from any kind of JS API.
-
-			// Granted, they're probably more worried about automated chat spam and people
-			// sending spam to email addresses recovered from authenticated user profile requests.
-
-			var el;
-			if ( document.body.dataset.currentPath === 'directory.game-details' )
-				el = document.querySelector('.game-details__page-title');
-			else
-				el = document.querySelector('.js-card__info [data-tt_content="current_game"]');
-
-			var output = el ? _.pluck(_.filter(el.childNodes, function(x) { return x.nodeType === document.TEXT_NODE }), 'textContent').join(' ').trim() : null;
-
-			if ( ! output && this.itad_count < 50 ) {
-				var t = this;
-				setTimeout(function() {
-					t.itad_count += 1;
-					Ember.propertyDidChange(this, 'ffzTitle');
-				}, 250);
-			}
-
-			return output;
-
-		}.property(),
-
-		didReceiveAttrs: function() {
-			this._super();
-			Ember.propertyDidChange(this, 'ffzTitle');
-		},
-
-		ffzUpdateITADPlain: function() {
-			var title = this.get('ffzTitle'),
-				old_plain = this.get('itad_plain'),
-				plain = f._itad_game_to_plain[title] || null;
-
-			//f.log("Update ITAD Plain: " + title + " -- [" + plain + "]", this);
-
-			// If we already have the value, fetch it now.
-			if ( ! title || plain ) {
-				if ( old_plain !== plain )
-					this.set('itad_plain', plain);
-				return;
-			}
-
-			if ( old_plain )
-				this.set('itad_plain', null);
-
-			var t = this;
-			f.ws_send("get_itad_plain", title, function(success, data) {
-				if ( ! success ) return;
-
-				f._itad_game_to_plain[title] = data;
-				t.ffzUpdateITADPlain();
-			}, true);
-
-		}.observes('ffzTitle'),
-
-		ffzUpdateITADPrice: function() {
-			var t = this,
-				old_price = this.get('itad_price'),
-				country = this.get('itad_country'),
-				plain = this.get('itad_plain');
-
-			if ( old_price && old_price[0] === plain )
-				return;
-
-			if ( ! plain || ! country )
-				return this.set('itad_price', null);
-
-			this.set('itad_price', [plain, null]);
-			f.ws_send("get_itad_prices", [plain, country], function(success, data) {
-				if ( ! success ) return;
-
-				t.set('itad_price', [plain, data]);
-			});
-
-		}.observes('itad_plain', 'itad_country'),
-
-
-		ffzRenderPricing: function() {
-			var t = this,
-				el = this.get('element'),
-				cont = el && el.querySelector('.ffz-price-info'),
-				btn_price,
-				data = this.get('itad_price');
-
-			if ( ! f.settings.show_itad || ! data || ! data[1] || ! data[1].list || ! data[1].list.length ) {
-				if ( cont )
-					jQuery(cont).remove();
-				return;
-			}
-
-			if ( ! cont ) {
-				cont = utils.createElement('div', 'ffz-price-info mg-l-1 balloon-wrapper');
-				btn_price = utils.createElement('span', 'ffz-price-num button__num-block pd-x-1 mg-1-0');
-
-				var btn = utils.createElement('button', 'button itad-button button--dropmenu',
-					utils.createElement('span', 'ffz-price-label inline-block pd-r-1', 'ITAD'));
-
-				btn.appendChild(btn_price);
-				cont.appendChild(btn);
-				el.appendChild(cont);
-
-				btn.addEventListener('click', function(event) {
-					t.ffzRenderPopup(event);
-				});
-
-			} else
-				btn_price = cont.querySelector('.ffz-price-num');
-
-			// Determine the cheapest price.
-			var sales = data[1].list,
-				cheapest = sales[0].price_new,
-
-				currency = data[1].currency,
-				formatter = new Intl.NumberFormat(undefined, (currency && currency.code) ? {style: 'currency', currency: currency.code, minimumFractionDigits: 2} : {minimumFractionDigits: 2});
-
-			btn_price.textContent = formatter.format(cheapest);
-
-		}.observes('itad_price'),
-
-		ffzRenderPopup: function(e) {
-			if ( e.button !== 0 || e.altKey || e.ctrlKey || e.shiftKey || e.metaKey )
-				return;
-
-			e.preventDefault();
-			e.stopPropagation();
-
-			var popup = f._popup ? f.close_popup() : f._last_popup,
-				t = this,
-				data = t.get('itad_price'),
-				el = this.get('element'),
-				has_support = el && el.parentElement && (el.parentElement.querySelector('.cmrc-channel-box__support') || el.parentElement.querySelector('.cmrc-game-detail-box__support')),
-				cont = el && el.querySelector('.ffz-price-info');
-
-			if ( popup && popup.id === 'ffz-price-popup' || ! data || ! data[1] || ! data[1].list || ! data[1].list.length )
-				return;
-
-			var balloon = utils.createElement('div', 'itad-balloon balloon balloon--md show', '<table><thead><tr><th>Store</th><th>Price Cut</th><th>Current</th><th>Regular</th></tr></thead><tbody></tbody></table>'),
-				tbody = balloon.querySelector('tbody');
-
-			balloon.id = 'ffz-price-popup';
-
-			// Render the table.
-
-			var currency = data[1].currency,
-				formatter = new Intl.NumberFormat(undefined, (currency && currency.code) ? {style: 'currency', currency: currency.code, minimumFractionDigits: 2} : {minimumFractionDigits: 2});
-
-			var sales = data[1].list;
-			for(var i=0; i < sales.length; i++) {
-				var entry = sales[i],
-					row = utils.createElement('tr');
-
-				row.innerHTML = '<td><a class="store-link" rel="noreferrer" target="_blank" href="' + utils.quote_san(entry.url) + '">' + utils.sanitize(entry.shop.name) + '</a></td>' +
-					'<td>' + (entry.price_cut < 0 ? '' : '-') + utils.sanitize(entry.price_cut) + '%</td>' +
-					'<td>' + formatter.format(entry.price_new) + '</td>' +
-					'<td>' + formatter.format(entry.price_old) + '</td>';
-
-				tbody.appendChild(row);
-			}
-
-			if ( has_support )
-				jQuery('.store-link', tbody).click(function(e) {
-					var name = has_support.querySelector('strong').textContent,
-						link_text = e.target.textContent;
-
-					if ( ! confirm("By following this link and purchasing from " + link_text + " you will NOT be supporting " + name + ".\n\nAre you sure you wish to contune?") )
-						return false;
-				});
-
-			// Add a by-line for IsThereAnyDeal.
-
-			var url = data[1].urls && data[1].urls.game || "https://isthereanydeal.com",
-				by_line = utils.createElement('span', 'ffz-attributions',
-					'<hr>Source: <a rel="noreferrer" target="_blank" href="' + utils.quote_san(url) + '">IsThereAnyDeal.com</a><br><br>Any affiliate links in the provided data are the responsibility of IsThereAnyDeal and do not benefit FrankerFaceZ. You may consider visiting the store directly.' +
-					'<hr>Reminder: When you buy a game from other services, you miss out on the benefits of purchasing from Twitch directly including: supporting partnered streamers and earning <a target="_blank" href="https://blog.twitch.tv/twitch-crates-are-coming-soon-f50fa0cd4cdf">Twitch Crates</a> containing emotes and badges.');
-
-			balloon.appendChild(by_line);
-
-			// Now calculate the position and add the balloon to the DOM.
-
-			var container = document.querySelector('#main_col'),
-				outer = container.getBoundingClientRect(),
-				rect = cont.getBoundingClientRect();
-
-			var is_up = (rect.top - outer.top) > (outer.bottom - rect.bottom);
-			balloon.classList.add('balloon--' + (is_up ? 'up' : 'down'));
-			balloon.classList.toggle('balloon--right', (rect.left - outer.left) > (outer.right - rect.right));
-
-			f._popup_allow_parent = true;
-			f._popup = balloon;
-
-			cont.appendChild(balloon);
-		}
-	})
-}
\ No newline at end of file
diff --git a/src/ember/conversations.js b/src/ember/conversations.js
deleted file mode 100644
index 6506a1d2..00000000
--- a/src/ember/conversations.js
+++ /dev/null
@@ -1,271 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils'),
-	constants = require('../constants'),
-
-	createElement = utils.createElement;
-
-
-// ---------------
-// Settings
-// ---------------
-
-FFZ.settings_info.conv_focus_on_click = {
-	type: "boolean",
-	value: false,
-	no_mobile: true,
-	visible: false,
-
-	category: "Whispers",
-	name: "Focus Input on Click",
-	help: "Focus on a conversation's input box when you click it."
-	};
-
-
-FFZ.settings_info.top_conversations = {
-	type: "boolean",
-	value: false,
-	no_mobile: true,
-
-	category: "Whispers",
-	name: "Position on Top",
-	help: "Display the whisper UI at the top of the window instead of the bottom.",
-	on_update: function(val) {
-			document.body.classList.toggle('ffz-top-conversations', val);
-		}
-	};
-
-
-FFZ.settings_info.hide_whispers_in_embedded_chat = {
-	type: "boolean",
-	value: false,
-	no_bttv: 6,
-
-	category: "Whispers",
-	name: "Hide Whispers in Embedded Chat",
-	help: "Do not display whispers on the dashboard, in pop-out chat, or in chat embedded into other websites.",
-
-	on_update: function(val) {
-		if ( ! val || this.has_bttv_6 )
-			return;
-
-		for(var room_id in this.rooms) {
-			var room = this.rooms[room_id].room;
-			if ( ! room )
-				continue;
-
-			var messages = room.get('messages'),
-				length = messages && messages.length || 0,
-				i = length;
-
-			while(--i >= 0) {
-				if ( messages[i] && messages[i].style === 'whisper' )
-					messages.removeAt(i);
-			}
-		}
-	}
-};
-
-
-FFZ.settings_info.hide_conversations_in_theatre = {
-	type: "boolean",
-	value: false,
-	no_mobile: true,
-
-	category: "Whispers",
-	name: "Hide Whispers in Theater Mode",
-	help: "Hide the whisper UI when the page is in theater mode.",
-	on_update: function(val) {
-			document.body.classList.toggle('ffz-theatre-conversations', val);
-		}
-	};
-
-
-FFZ.settings_info.minimize_conversations = {
-	type: "boolean",
-	value: false,
-	no_mobile: true,
-
-	category: "Whispers",
-	name: "Minimize Whisper UI",
-	help: "Slide the whisper UI mostly out of view when it's not being used and you have no unread messages.",
-	on_update: function(val) {
-			document.body.classList.toggle('ffz-minimize-conversations', val);
-		}
-	};
-
-
-// ---------------
-// Initialization
-// ---------------
-
-FFZ.prototype.setup_conversations = function() {
-	document.body.classList.toggle('ffz-top-conversations', this.settings.top_conversations);
-	document.body.classList.toggle('ffz-minimize-conversations', this.settings.minimize_conversations);
-	document.body.classList.toggle('ffz-theatre-conversations', this.settings.hide_conversations_in_theatre);
-
-	this.update_views('component:twitch-conversations/conversation-window', this.modify_conversation_window);
-	this.update_views('component:twitch-conversations/conversation-settings-menu', this.modify_conversation_menu);
-	this.update_views('component:twitch-conversations/conversation-line', this.modify_conversation_line);
-}
-
-
-FFZ.prototype.modify_conversation_menu = function(component) {
-	var f = this;
-	utils.ember_reopen_view(component, {
-		ffz_init: function() {
-			var user = this.get('thread.otherUsername'),
-				el = this.get('element'),
-				sections = el && el.querySelectorAll('.options-section');
-
-			if ( ! user || ! user.length || f.has_bttv_6 )
-				return;
-
-			if ( sections && sections.length )
-				el.appendChild(createElement('div', 'options-divider'));
-
-			var ffz_options = createElement('div', 'options-section'),
-				card_link = createElement('a', 'ffz-show-card', "Open Moderation Card");
-
-			card_link.addEventListener('click', function(e) {
-				el.parentElement.classList.add('hidden');
-				FFZ.chat_commands.card.call(f, null, [user]);
-			});
-
-			ffz_options.appendChild(card_link);
-			el.appendChild(ffz_options);
-		}
-	})
-}
-
-
-FFZ.prototype.modify_conversation_window = function(component) {
-	var f = this,
-		Layout = utils.ember_lookup('service:layout');
-
-	utils.ember_reopen_view(component, {
-		headerBadges: Ember.computed("thread.participants", "currentUsername", function() {
-			return [];
-		}),
-
-		ffzHeaderBadges: Ember.computed("thread.participants", "currentUsername", function() {
-			var e = this.get("otherUser");
-			return f.get_badges(e.get('username'), null, f.get_twitch_badges(e.get('badges')), null);
-		}),
-
-		ffzReplaceBadges: function() {
-			var el = this.get('element'),
-				badge_el = el && el.querySelector('.badges'),
-				badges = this.get('ffzHeaderBadges');
-
-			if ( ! el )
-				return;
-
-			if ( ! badge_el ) {
-				badge_el = createElement('span', 'badges');
-				var header = el && el.querySelector('.convoHeader .username');
-				if ( ! header )
-					return;
-
-				header.insertBefore(badge_el, header.firstChild);
-			}
-
-			badge_el.innerHTML = f.render_badges(badges);
-		}.observes('ffzHeaderBadges'),
-
-		ffz_init: function() {
-			var el = this.get('element'),
-				header = el && el.querySelector('.convoHeader'),
-				header_name = header && header.querySelector('.username'),
-
-				raw_color = this.get('otherUser.color'),
-				colors = raw_color && f._handle_color(raw_color),
-
-				is_dark = (Layout && Layout.get('isTheatreMode')) || f.settings.dark_twitch;
-
-			this.ffzReplaceBadges();
-
-			if ( header_name && raw_color ) {
-				header_name.style.color = (is_dark ? colors[1] : colors[0]);
-				header_name.classList.add('has-color');
-				header_name.setAttribute('data-color', raw_color);
-			}
-
-			jQuery('.badge', el).zipsy({gravity: utils.newtip_placement(constants.TOOLTIP_DISTANCE, 'n')});
-		}
-	});
-}
-
-
-FFZ.prototype.modify_conversation_line = function(component) {
-	var f = this,
-		Layout = utils.ember_lookup('service:layout');
-
-	utils.ember_reopen_view(component, {
-		tokenizedMessage: function() {
-			try {
-				return f.tokenize_conversation_line(this.get('message'));
-			} catch(err) {
-				f.error("convo-line tokenizedMessage: " + err);
-				return this._super();
-			}
-
-		}.property("message", "currentUsername"),
-
-		click: function(e) {
-			if ( e.target && e.target.classList.contains('deleted-link') )
-				return f._deleted_link_click.call(e.target, e);
-
-			if ( f._click_emote(e.target, e) )
-				return;
-
-			return this._super(e);
-		},
-
-		didUpdate: function() { this.ffzRender() },
-		ffz_init: function() { this.ffzRender() },
-
-		ffzRender: function() {
-			var el = this.get('element'),
-				e = [],
-
-				username = this.get('message.from.username').toLowerCase(),
-				raw_display = this.get('message.from.displayName'),
-				alias = f.aliases[username],
-
-				raw_color = this.get('message.from.color'),
-
-				is_dark = (Layout && Layout.get('isTheatreMode')) || f.settings.dark_twitch,
-				colors = raw_color && f._handle_color(raw_color),
-
-				style = colors ? 'color:' + (is_dark ? colors[1] : colors[0]) : '',
-				colored = colors ? ' has-color' : '',
-
-				results = f.format_display_name(raw_display, username),
-
-				myself = f.get_user(),
-				from_me = myself && myself.login === username;
-
-
-			e.push('<span class="from' +
-						(alias ? ' ffz-alias' : '') +
-						(results[1] ? ' html-tooltip' : '') +
-						colored +
-					'" style="' + style + '"' +
-					(colors ? ' data-color="' + raw_color + '"' : '') +
-					(results[1] ? ' title="' + utils.quote_attr(results[1]) + '"' : '') +
-				'>' + results[0] + '</span>');
-
-			e.push('<span class="colon">:</span> ');
-
-			if ( ! this.get('isActionMessage') ) {
-				style = '';
-				colored = '';
-			}
-
-			e.push('<span class="message' + colored + '" style="' + style + (colors ? '" data-color="' + raw_color : '') + '">');
-			e.push(f.render_tokens(this.get('tokenizedMessage'), true, f.settings.filter_whispered_links && !from_me));
-			e.push('</span>');
-			el.innerHTML = e.join('');
-		}
-	});
-}
\ No newline at end of file
diff --git a/src/ember/dashboard.js b/src/ember/dashboard.js
deleted file mode 100644
index f1a16165..00000000
--- a/src/ember/dashboard.js
+++ /dev/null
@@ -1,62 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils'),
-	constants = require('../constants');
-
-
-// --------------------
-// Settings
-// --------------------
-
-FFZ.settings_info.dash_widget_click_to_expand = {
-	type: "boolean",
-	value: true,
-
-	category: "Dashboard",
-	name: "Click-to-Expand Widgets",
-	help: "Expand and contract widgets when you click anywhere in their header, not just when you click the toggle button."
-}
-
-
-// --------------------
-// Initialization
-// --------------------
-
-FFZ.prototype.setup_dashboard = function() {
-	// Standalone Mode
-	if ( location.search === '?standalone' )
-		utils.toggle_cls('ffz-minimal-dashboard')(true);
-
-	this.try_modify_dashboard();
-
-	//this.update_views('component:dashboards/live/stream-stats', this.modify_dashboard_stats);
-	//this.update_views('component:dashboards/live/stream-health', this.modify_dashboard_health);
-}
-
-
-FFZ.prototype.try_modify_dashboard = function() {
-	if ( this._dashboard_modified )
-		return;
-
-	var loaded = window.features && window.features.includes('dashboard');
-	if ( ! loaded )
-		return this.log('Dashboard still not loaded.');
-
-	this._dashboard_modified = true;
-	this.update_views('component:dashboards/live-widget', this.modify_dashboard_widget);
-}
-
-
-FFZ.prototype.modify_dashboard_widget = function(component) {
-	var f = this;
-	utils.ember_reopen_view(component, {
-		ffz_init: function() {
-			var t = this;
-			this.$(".dash-widget__header").click(function(e) {
-				if ( ! f.settings.dash_widget_click_to_expand || e.target.tagName === 'button' || jQuery(e.target).parents('button').length || jQuery(e.target).parents('.balloon-wrapper').length )
-					return;
-
-				t.actions.collapseWidget.call(t);
-			});
-		}
-	});
-}
\ No newline at end of file
diff --git a/src/ember/directory.js b/src/ember/directory.js
deleted file mode 100644
index cfe09703..00000000
--- a/src/ember/directory.js
+++ /dev/null
@@ -1,793 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils'),
-	constants = require('../constants');
-
-
-// --------------------
-// Settings
-// --------------------
-
-/*FFZ.settings_info.directory_creative_all_tags = {
-	type: "boolean",
-	value: false,
-
-	category: "Directory",
-	no_mobile: true,
-
-	name: "Display All Creative Tags",
-	help: "Alter the creative tags display to list them all in a cloud rather than having to scroll.",
-
-	on_update: function(val) {
-			document.body.classList.toggle('ffz-creative-tags', val);
-		}
-	};*/
-
-
-FFZ.settings_info.directory_creative_showcase = {
-	type: "boolean",
-	value: true,
-
-	category: "Directory",
-	no_mobile: true,
-
-	name: "Creative Showcase",
-	help: "Display the showcase on the Creative directory page.",
-
-	on_update: function(val) {
-			document.body.classList.toggle('ffz-creative-showcase', val);
-		}
-	};
-
-
-FFZ.settings_info.directory_logos = {
-	type: "boolean",
-	value: false,
-
-	category: "Directory",
-	no_mobile: true,
-
-	name: "Channel Logos",
-	help: "Display channel logos in the Twitch directory."
-	};
-
-
-FFZ.settings_info.directory_group_hosts = {
-	type: "boolean",
-	value: true,
-
-	category:"Directory",
-	no_mobile: true,
-
-	name: "Group Hosts",
-	help: "Only show a given hosted channel once in the directory.",
-
-	on_update: function() {
-			var f = this,
-				HostModel = utils.ember_resolve('model:host'),
-				Following = HostModel && HostModel.collections[HostModel.collectionId("following")];
-
-			if ( ! Following )
-				return;
-
-			Following.clear();
-			Following.load();
-		}
-	};
-
-
-FFZ.settings_info.enable_recommended_vods = {
-	type: "boolean",
-	value: true,
-
-	category: "Directory",
-	no_mobile: true,
-	experiment_warn: true,
-
-	name: 'Show Twitch\'s  Recommended Videos',
-	help: 'Show the "Based on your Viewing History" section of the directory rather than <nobr>Most Recent Videos.</nobr>',
-
-	on_update: function(val) {
-		Ember.propertyDidChange(utils.ember_lookup('service:vod-coviews'), 'areVodsViewable');
-	}
-}
-
-
-FFZ.settings_info.recommended_above_hosts = {
-	type: "boolean",
-	value: function() { var s = utils.ember_lookup('service:vod-coviews'); return s && s.get('isFollowingAboveHost') },
-
-	category: "Directory",
-	no_mobile: true,
-	experiment_warn: true,
-
-	name: "Show Twitch's Recommended Videos above Hosts",
-	help: 'Enable this to place the "Based on your Viewing History" section above Live Hosts.',
-
-	on_update: function(val) {
-		Ember.propertyDidChange(utils.ember_lookup('service:vod-coviews'), 'isFollowingAboveHost');
-		//utils.ember_lookup('service:vod-coviews').set('isFollowingAboveHost', val);
-	}
-}
-
-
-FFZ.settings_info.banned_games = {
-	visible: false,
-	value: [],
-
-	on_update: function() {
-		var banned = this.settings.banned_games,
-			els = document.querySelectorAll('.ffz-directory-preview'),
-			SidebarThing = utils.ember_resolve('component:social-column/followed-channel'),
-			views = utils.ember_views();
-
-		if ( SidebarThing )
-			for(var key in views)
-				if ( views[key] instanceof SidebarThing )
-					try {
-						views[key].ffzUpdateVisibility();
-					} catch(err) { }
-
-		for(var i=0; i < els.length; i++) {
-			var el = els[i],
-				game = el.getAttribute('data-game');
-
-			el.classList.toggle('ffz-game-banned', banned.indexOf(game && game.toLowerCase()) !== -1);
-		}
-	}
-}
-
-
-FFZ.settings_info.spoiler_games = {
-	visible: false,
-	value: [],
-
-	on_update: function() {
-		var spoiled = this.settings.spoiler_games,
-			els = document.querySelectorAll('.ffz-directory-preview');
-
-		for(var i=0; i < els.length; i++) {
-			var el = els[i],
-				game = el.getAttribute('data-game');
-
-			el.classList.toggle('ffz-game-spoilered', spoiled.indexOf(game && game.toLowerCase()) !== -1);
-		}
-	}
-}
-
-
-FFZ.settings_info.directory_host_menus = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "When Multiple are Hosting",
-		2: "Always"
-	},
-
-	value: 1,
-	process_value: utils.process_int(1),
-
-	category: "Directory",
-	no_mobile: true,
-
-	name: "Hosted Channel Menus",
-	help: "Display a menu to select which channel to visit when clicking a hosted channel in the directory.",
-
-	on_update: function() {
-		var f = this,
-			HostModel = utils.ember_resolve('model:host'),
-			Following = HostModel && HostModel.collections[HostModel.collectionId("following")];
-
-		if ( ! Following )
-			return;
-
-		Following.clear();
-		Following.load();
-	}
-};
-
-
-FFZ.settings_info.directory_uploads_position = {
-	type: "select",
-	options: {
-		0: "Default",
-		1: "At Bottom",
-		2: "Hidden"
-	},
-
-	value: 0,
-	process_value: utils.process_int(0),
-
-	category: "Directory",
-	no_mobile: true,
-
-	name: "Display Latest Uploads",
-	help: "Choose where to display the Latest Uploads section.",
-
-	on_update: function(val) {
-		utils.toggle_cls('ffz-hide-directory-uploads')(val === 2);
-	}
-};
-
-
-FFZ.settings_info.directory_hide_info_on_hover = {
-	type: "boolean",
-	value: false,
-
-	category: "Directory",
-	no_mobile: true,
-
-	name: "Hide Boxart on Hover",
-	help: "Do not display boxart and other information over a stream or video's thumbnail when hovering over it.",
-
-	on_update: utils.toggle_cls('ffz-hide-thumb-info-on-hover')
-}
-
-
-// --------------------
-// Initialization
-// --------------------
-
-FFZ._image_cache = {};
-
-FFZ.prototype.setup_directory = function() {
-	utils.toggle_cls('ffz-creative-tags')(this.settings.directory_creative_all_tags);
-	utils.toggle_cls('ffz-creative-showcase')(this.settings.directory_creative_showcase);
-	utils.toggle_cls('ffz-hide-directory-uploads')(this.settings.directory_uploads_position === 2);
-	utils.toggle_cls('ffz-hide-thumb-info-on-hover')(this.settings.directory_hide_info_on_hover);
-
-	var f = this,
-		VodCoviews = utils.ember_lookup('service:vod-coviews');
-
-	if ( VodCoviews ) {
-		VodCoviews.reopen({
-			// checkExperiment likes setting this back. Don't let it.
-			isFollowingAboveHost: Ember.computed('_ffz', {
-				get: function(key) {
-					return f.settings.recommended_above_hosts;
-				},
-				set: function(key, val) {
-					return f.settings.recommended_above_hosts;
-				}
-			}),
-
-			areVodsViewable: function() {
-				var vods = this.get('recommendedVods');
-				return f.settings.enable_recommended_vods && vods && vods.length > 0;
-			}.property('recommendedVods')
-		});
-
-		Ember.propertyDidChange(VodCoviews, 'isFollowingAboveHost');
-		Ember.propertyDidChange(VodCoviews, 'areVodsViewable');
-
-	} else
-		this.log("Unable to locate the Ember service:vod-coviews");
-
-	this.log("Hooking the Ember Directory views.");
-
-	this.update_views('component:stream-preview', this.modify_directory_live, true);
-	this.update_views('component:creative-preview', this.modify_directory_live, true);
-	this.update_views('component:csgo-channel-preview', function(x) { this.modify_directory_live(x, 'channel.') }, true);
-	this.update_views('component:stream/lol-metadata', function(x) { this.modify_directory_live(x, 'content.') }, true);
-	this.update_views('component:twitch-carousel/stream-item', this.modify_directory_live, true);
-	this.update_views('component:stream/snapshot-card', this.modify_directory_live, true);
-	this.update_views('component:host-preview', this.modify_directory_host, true, true);
-	this.update_views('component:video-preview', this.modify_video_preview, true);
-	this.update_views('component:video/resumable-wrapper', this.modify_video_preview, true);
-	this.update_views("component:video/following-uploads", this.modify_following_uploads);
-
-	this.update_views('component:game-follow-button', this.modify_game_follow_button);
-
-	this.log("Attempting to modify the Following collection.");
-	this._modify_following();
-}
-
-
-FFZ.prototype.modify_following_uploads = function(component) {
-	var f = this;
-	utils.ember_reopen_view(component, {
-		ffz_init: function() {
-			var el = this.get('element');
-			el.classList.add('ffz-following-uploads');
-
-			if ( f.settings.directory_uploads_position === 1 ) {
-				var p = el.parentElement;
-				p.removeChild(el);
-				p.appendChild(el);
-			}
-		}
-	});
-}
-
-
-FFZ.prototype._modify_following = function() {
-	var HostModel = utils.ember_resolve('model:host'),
-		f = this;
-
-	if ( HostModel ) {
-		var Following = HostModel.collections[HostModel.collectionId("following")];
-		if ( Following ) {
-			this.log("Found Following model.");
-			Following.reopen({
-				ffz_streams: {},
-				ffz_hosts_for: {},
-				ffz_skipped: 0,
-
-				empty: function() {
-					this._super();
-					this.set("ffz_streams", {});
-					this.set("ffz_hosts_for", {});
-					this.set("ffz_skipped", 0);
-				},
-
-				request: function(e) {
-					// We have to override request with nearly the same logic
-					// to prevent infinitely trying to load more streams.
-					if (!Twitch.user.isLoggedIn() || window.App.get("disableFollowingDirectory")) return RSVP.resolve({
-						hosts: [], _total: 0
-					});
-
-					var t = {
-						limit: this.limit,
-						offset: this.get('content.length') + this.get('ffz_skipped')
-					};
-
-					// Don't use FFZ's Client ID because loading hosts is a normal part
-					// of the dashboard. We're just manipulating the logic a bit.
-					return this.get("api").request("get", "/api/users/:login/followed/hosting", t);
-				},
-
-				afterSuccess: function(e) {
-					var valid_hosts = [],
-						streams = this.get('ffz_streams'),
-						skipped = this.get('ffz_skipped'),
-						hosts_for = this.get('ffz_hosts_for'),
-
-						t = this;
-
-					for(var i=0; i < e.hosts.length; i++) {
-						var host = e.hosts[i],
-							target = host && host.target && host.target.id;
-
-						if ( host.rollbackData )
-							host.rollbackData = undefined;
-
-						if ( f.settings.directory_group_hosts && streams[target] ) {
-							skipped++;
-							//hosts_for[target] && hosts_for[target]
-							streams[target].ffz_hosts && streams[target].ffz_hosts.push({logo: host.logo, name: host.name, display_name: host.display_name});
-							continue;
-						}
-
-						streams[target] = host;
-						//hosts_for[target] = [{logo: host.logo, name: host.name, display_name: host.display_name}];
-						host.ffz_hosts = [{logo: host.logo, name: host.name, display_name: host.display_name}];
-
-						valid_hosts.push(host);
-					}
-
-					//f.log("Stuff!", [this, e, valid_hosts, skipped]);
-
-					this.set('ffz_skipped', skipped);
-					this.setContent(valid_hosts);
-
-					// We could get non-empty results even with no new hosts.
-					this.set('gotNonEmptyResults', e.hosts && e.hosts.length);
-					this.set('total', e._total - skipped);
-				}
-			});
-
-			// Filter the streams immediately.
-			if ( true && ! Following.get('isLoading') ) {
-				var content = Following.get('content'),
-					total = Following.get('total'),
-					host_copy = [];
-
-				// TODO: Something less stupid.
-				for(var i=0; i < content.length; i++) {
-					var host = content[i];
-					host_copy.push({
-						display_name: host.display_name,
-						game: host.game,
-						id: host.id,
-						logo: host.logo,
-						name: host.name,
-						target: {
-							_id: host.target._id,
-							channel: {
-								display_name: host.target.channel.display_name,
-								id: host.target.channel.id,
-								logo: host.target.channel.logo,
-								name: host.target.channel.name,
-								url: host.target.channel.url
-							},
-							id: host.target.id,
-							meta_game: host.target.meta_game,
-							preview: host.target.preview,
-							title: host.target.title,
-							url: host.target.url,
-							viewers: host.target.viewers
-						}
-					});
-				}
-
-				Following.clear();
-				Following.afterSuccess({hosts: host_copy, _total: total});
-			}
-
-			return;
-		}
-	}
-
-	// Couldn't find it. Reschedule.
-	setTimeout(this._modify_following.bind(this), 250);
-}
-
-
-FFZ.prototype.modify_game_follow_button = function(component) {
-	var f = this;
-	utils.ember_reopen_view(component, {
-		ffz_init: function() {
-			var el = this.get('element'),
-				game = this.get('game.id').toLowerCase(),
-
-				click_button = function(setting, update_func) {
-					return function(e) {
-						e.preventDefault();
-						var games = f.settings.get(setting),
-							ind = games.indexOf(game);
-
-						if ( ind === -1 )
-							games.push(game);
-						else
-							games.splice(ind, 1);
-
-						f.settings.set(setting, games);
-						update_func();
-					}
-				};
-
-			// Block Button
-			var block = utils.createElement('button', 'button tooltip ffz-block-button'),
-				update_block = function() {
-					var is_blocked = f.settings.banned_games.indexOf(game) !== -1;
-					block.classList.toggle('active', is_blocked);
-
-					block.innerHTML = (is_blocked ? 'Unblock' : 'Block');
-					block.title = 'Click to ' + (is_blocked ? 'unblock' : 'block') + " this game.\n\nBlocking a game hides all the streams and videos of the game when you're not viewing it directly.";
-					jQuery(block).trigger('mouseout').trigger('mouseover');
-				};
-
-			update_block();
-			block.addEventListener('click', click_button('banned_games', update_block));
-			el.appendChild(block);
-
-			// Spoiler Button
-			var spoiler = utils.createElement('button', 'button tooltip ffz-spoiler-button'),
-				update_spoiler = function() {
-					var is_spoiled = f.settings.spoiler_games.indexOf(game) !== -1;
-					spoiler.classList.toggle('active', is_spoiled);
-
-					spoiler.innerHTML = (is_spoiled ? 'Show Thumbnails' : 'Hide Thumbnails');
-					spoiler.title = 'Click to ' + (is_spoiled ? 'show' : 'hide') + " thumbnails for this game.\n\nHiding thumbnails for a game will help you avoid spoilers for a game that you haven't played yet.";
-					jQuery(spoiler).trigger('mouseout').trigger('mouseover');
-				}
-
-			update_spoiler();
-			spoiler.addEventListener('click', click_button('spoiler_games', update_spoiler));
-			el.appendChild(spoiler);
-
-			jQuery('.tooltip', el).zipsy();
-		}
-	})
-}
-
-
-FFZ.prototype.modify_directory_live = function(component, mode) {
-	var f = this,
-		pref = mode || 'stream.';
-
-	utils.ember_reopen_view(component, {
-		ffz_init: function() {
-			var el = this.get('element'),
-				meta = el && el.querySelector('.card__body'),
-				thumb = el && el.querySelector('.card__img'),
-				cap = thumb && thumb.querySelector('a:not(.card__boxpin)'),
-				uptime_setting = f.settings.stream_uptime,
-				channel_id = this.get(pref + 'channel.name'),
-				game = this.get(pref + 'game');
-
-			el.classList.add('ffz-directory-preview');
-			el.setAttribute('data-channel', channel_id);
-			el.setAttribute('data-game', game);
-
-			el.classList.toggle('ffz-game-banned', f.settings.banned_games.indexOf(game && game.toLowerCase()) !== -1);
-			el.classList.toggle('ffz-game-spoilered', f.settings.spoiler_games.indexOf(game && game.toLowerCase()) !== -1);
-
-			if ( uptime_setting && uptime_setting < 3 ) {
-				this._ffz_uptime_timer = setInterval(
-					this.ffzUpdateUptime.bind(this),
-					uptime_setting === 2 ? 1000 : 60000);
-				this.ffzUpdateUptime();
-			}
-
-			this._ffz_image_timer = setInterval(this.ffzRotateImage.bind(this), 30000);
-			this.ffzRotateImage();
-
-			if ( f.settings.directory_logos ) {
-				el.classList.add('ffz-directory-logo');
-
-				var link = document.createElement('a'),
-					logo = document.createElement('img'),
-					t = this;
-
-				logo.className = 'profile-photo';
-				logo.classList.toggle('is-csgo', mode === 'channel.');
-
-				logo.src = this.get(pref + 'channel.logo') || constants.NO_LOGO;
-				logo.alt = f.format_display_name(this.get(pref + 'channel.display_name'), channel_id, true, true)[0];
-
-				link.href = '/' + channel_id;
-				link.addEventListener('click', utils.transition_link(utils.transition_user.bind(this, channel_id)));
-
-				link.appendChild(logo);
-				meta.insertBefore(link, meta.firstChild);
-			}
-		},
-
-		ffz_destroy: function() {
-			if ( this._ffz_uptime ) {
-				jQuery(this._ffz_uptime).remove();
-				this._ffz_uptime = this._ffz_uptime_span = null;
-			}
-
-			if ( this._ffz_uptime_timer )
-				clearInterval(this._ffz_uptime_timer);
-
-			if ( this._ffz_image_timer )
-				clearInterval(this._ffz_image_timer);
-		},
-
-		ffzRotateImage: function() {
-			var url = this.get(pref + 'preview.medium'),
-				now = Math.round((new Date).getTime() / 150000);
-
-			if ( FFZ._image_cache[url] && FFZ._image_cache[url] !== now )
-				url += '?_=' + now;
-			else
-				FFZ._image_cache[url] = now;
-
-			this.$('.thumb .cap img').attr('src', url);
-		},
-
-		ffzUpdateUptime: function() {
-			var up_since = this.get(pref + 'created_at');
-			if ( typeof up_since === "string" )
-				up_since = utils.parse_date(up_since);
-
-			var now = Date.now() - (f._ws_server_offset || 0),
-				uptime = up_since && Math.floor((now - up_since.getTime()) / 1000) || 0;
-
-			if ( uptime > 0 ) {
-				if ( ! this._ffz_uptime ) {
-					var el = this.get('element'),
-						cont = el && el.querySelector('.card__img');
-
-					if ( ! cont )
-						return;
-
-					var t_el = this._ffz_uptime = utils.createElement('div', 'overlay_info length live', constants.CLOCK),
-						t_span = this._ffz_uptime_span = utils.createElement('span');
-
-					t_el.appendChild(t_span);
-					t_el.setAttribute('original-title', 'Stream Uptime <nobr>(since ' + up_since.toLocaleString() + ')</nobr>');
-
-					jQuery(t_el).zipsy({html: true, gravity: utils.newtip_placement(constants.TOOLTIP_DISTANCE, 's')});
-					cont.appendChild(t_el);
-				}
-
-				this._ffz_uptime_span.textContent = utils.time_to_string(uptime, false, false, false, f.settings.stream_uptime === 1);
-
-			} else if ( this._ffz_uptime ) {
-				jQuery(this._ffz_uptime).remove();
-				this._ffz_uptime = this._ffz_uptime_span = null;
-			}
-		}
-	});
-}
-
-
-FFZ.prototype.modify_video_preview = function(component) {
-	var f = this;
-	utils.ember_reopen_view(component, {
-		ffz_init: function() {
-			var el = this.get('element'),
-				game = this.get('video.game'),
-
-				thumb = el && el.querySelector('.thumb'),
-				boxart = thumb && thumb.querySelector('.boxart');
-
-			el.classList.add('ffz-directory-preview');
-			el.setAttribute('data-channel', this.get('video.channel.name'));
-			el.setAttribute('data-game', game);
-
-			el.classList.toggle('ffz-game-banned', f.settings.banned_games.indexOf(game && game.toLowerCase()) !== -1);
-			el.classList.toggle('ffz-game-spoilered', f.settings.spoiler_games.indexOf(game && game.toLowerCase()) !== -1);
-
-			if ( ! boxart && thumb && game ) {
-				var img = utils.createElement('img');
-
-				boxart = utils.createElement('a', 'boxart');
-				boxart.href = this.get('video.gameUrl');
-				boxart.setAttribute('original-title', game);
-				boxart.addEventListener('click', utils.transition_link(utils.transition_game.bind(this, game)));
-
-				img.src = this.get('video.gameBoxart');
-				boxart.appendChild(img);
-				thumb.appendChild(boxart);
-			}
-		}
-	});
-}
-
-
-FFZ.prototype.modify_directory_host = function(component) {
-	var f = this;
-	utils.ember_reopen_view(component, {
-		ffzVisitChannel: function(target, e) {
-			if ( e ) {
-				if ( e.button !== 0 || e.altKey || e.ctrlKey || e.shiftKey || e.metaKey  )
-					return;
-
-				e.preventDefault();
-				e.stopPropagation();
-			}
-
-			f.close_popup();
-			utils.transition_user(target);
-			return false;
-		},
-
-		ffzShowHostMenu: function(e) {
-			if ( e.button !== 0 || e.altKey || e.ctrlKey || e.shiftKey || e.metaKey )
-				return;
-
-			e.preventDefault();
-			e.stopPropagation();
-
-			var hosts = this.get('stream.ffz_hosts'),
-				target = this.get('stream.target.channel.name');
-
-			if ( f.settings.directory_host_menus === 0 || ! hosts || (f.settings.directory_host_menus === 1 && hosts.length < 2) )
-				return this.ffzVisitChannel((hosts && hosts.length < 2) ? hosts[0].name : target);
-
-			var popup = f._popup ? f.close_popup() : f._last_popup,
-				t = this;
-
-			// Don't re-show the popup if we were clicking to show it.
-			if ( popup && popup.classList.contains('ffz-channel-selector') && popup.getAttribute('data-channel') === target )
-				return;
-
-			var menu = document.createElement('div'), hdr,
-				make_link = function(target) {
-						var link = document.createElement('a'),
-							results = f.format_display_name(target.display_name, target.name, true);
-
-						link.className = 'dropmenu_action';
-						link.setAttribute('data-channel', target.name);
-						link.href = '/' + target.name;
-						link.innerHTML = '<img class="image" src="' + utils.sanitize(target.logo || constants.NO_LOGO) + '"><span class="title' + (results[1] ? ' html-tooltip" title="' + utils.quote_attr(results[1]) : '') + '">' + results[0] + '</span>';
-						link.addEventListener('click', t.ffzVisitChannel.bind(t, target.name));
-						menu.appendChild(link);
-						return link;
-					};
-
-			menu.className = 'ffz-channel-selector dropmenu menu-like';
-			menu.setAttribute('data-channel', target);
-
-			hdr = document.createElement('div');
-			hdr.className = 'header';
-			hdr.textContent = 'Hosted Channel';
-			menu.appendChild(hdr);
-
-			make_link(this.get('stream.target.channel'));
-
-			hdr = document.createElement('div');
-			hdr.className = 'header';
-			hdr.textContent = 'Hosting Channels';
-			menu.appendChild(hdr);
-
-			for(var i=0; i < hosts.length; i++)
-				make_link(hosts[i]);
-
-			var cont = document.querySelector('#main_col > .tse-scroll-content > .tse-content'),
-				bounds = cont && cont.getBoundingClientRect(),
-
-				x = e.clientX - 60,
-				y = e.clientY - 60;
-
-			if ( bounds )
-				x = Math.max(bounds.left, Math.min(x, (bounds.left + bounds.width) - 302));
-
-			f.show_popup(menu, [x, y], document.querySelector('#main_col > .tse-scroll-content > .tse-content'));
-		},
-
-		ffzRotateImage: function() {
-			var url = this.get('stream.target.preview'),
-				now = Math.round((new Date).getTime() / 150000);
-
-			if ( FFZ._image_cache[url] && FFZ._image_cache[url] !== now )
-				url += '?_=' + now;
-			else
-				FFZ._image_cache[url] = now;
-
-			this.$('.thumb .cap img').attr('src', url);
-		},
-
-		ffz_destroy: function() {
-			var target = this.get('stream.target.channel');
-			if ( f._popup && f._popup.classList.contains('ffz-channel-selector') && f._popup.getAttribute('data-channel') === target )
-				f.close_popup();
-
-			if ( this._ffz_image_timer )
-				clearInterval(this._ffz_image_timer);
-		},
-
-		ffz_init: function() {
-			var el = this.get('element'),
-				meta = el && el.querySelector('.card__body'), //meta'),
-				thumb = el && el.querySelector('.card__img'), //thumb'),
-				cap = thumb && thumb.querySelector('a:not(.card__boxpin)'), //.cap'),
-				title = meta && meta.querySelector('.card__title a'),
-
-				target = this.get('stream.target.channel'),
-				game = this.get('stream.target.meta_game'),
-				hosts = this.get('stream.ffz_hosts');
-
-			el.classList.add('ffz-directory-preview');
-			el.setAttribute('data-channel', target.name);
-			el.setAttribute('data-game', game);
-
-			el.classList.toggle('ffz-game-banned', f.settings.banned_games.indexOf(game && game.toLowerCase()) !== -1);
-			el.classList.toggle('ffz-game-spoilered', f.settings.spoiler_games.indexOf(game && game.toLowerCase()) !== -1);
-
-			this._ffz_image_timer = setInterval(this.ffzRotateImage.bind(this), 30000);
-			this.ffzRotateImage();
-
-			if ( f.settings.directory_logos ) {
-				el.classList.add('ffz-directory-logo');
-				var logo = document.createElement('img'),
-					link = document.createElement('a');
-
-				logo.className = 'profile-photo';
-				logo.src = this.get('stream.target.channel.logo') || constants.NO_LOGO;
-				logo.alt = f.format_display_name(target.display_name, target.name, true, true)[0];
-
-				link.href = '/' + target.name;
-				link.addEventListener('click', this.ffzVisitChannel.bind(this, target.name));
-
-				link.appendChild(logo);
-				meta.insertBefore(link, meta.firstChild);
-			}
-
-			var update_links = f.settings.directory_host_menus === 2 || (hosts && hosts.length > 1);
-
-			if ( title ) {
-				if ( update_links ) {
-					title.href = '/' + target.name;
-					title.addEventListener('click', this.ffzShowHostMenu.bind(this));
-				}
-
-				if ( hosts && hosts.length > 1 ) {
-					title.textContent = utils.number_commas(hosts.length) + ' hosting ' + utils.sanitize(target.display_name);
-					title.title = _.sortBy(hosts, "name").mapBy("display_name").join(", ");
-					jQuery(title).zipsy({gravity: 's'});
-				}
-			}
-
-			if ( cap && update_links ) {
-				cap.href = '/' + target.name;
-				cap.addEventListener('click', this.ffzShowHostMenu.bind(this));
-			}
-		}
-	});
-}
\ No newline at end of file
diff --git a/src/ember/feed-card.js b/src/ember/feed-card.js
deleted file mode 100644
index 1d93b6ad..00000000
--- a/src/ember/feed-card.js
+++ /dev/null
@@ -1,121 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils'),
-	constants = require('../constants'),
-
-	parse_emotes = function(emotes) {
-		var output = {};
-		if ( ! emotes || ! emotes.length )
-			return output;
-
-		for(var i=0; i < emotes.length; i++) {
-			var emote = emotes[i];
-			if ( ! emote || ! emote.id )
-				continue;
-
-			var entries = output[emote.id] = output[emote.id] || [];
-			entries.push([emote.start, emote.end]);
-		}
-
-		return output;
-	};
-
-
-FFZ.prototype.setup_feed_cards = function() {
-	this.update_views('component:twitch-feed/story-card', this.modify_feed_card);
-	this.update_views('component:twitch-feed/comment', this.modify_feed_comment);
-
-	this.rerender_feed_cards();
-}
-
-
-FFZ.prototype.rerender_feed_cards = function(for_set) {
-	var FeedCard = utils.ember_resolve('component:twitch-feed/story-card'),
-		FeedComment = utils.ember_resolve('component:twitch-feed/comment'),
-		views = utils.ember_views();
-
-	if ( ! FeedCard )
-		return;
-
-	for(var view_id in views) {
-		var view = views[view_id];
-		if ( view instanceof FeedCard ) {
-			try {
-				if ( ! view.ffz_init )
-					this.modify_feed_card(view);
-				view.ffz_init(for_set);
-			} catch(err) {
-				this.error("setup component:twitch-feed/story-card ffzInit", err)
-			}
-		}
-
-		if ( FeedComment && view instanceof FeedComment ) {
-			try {
-				if ( ! view.ffz_init )
-					this.modify_feed_comment(view);
-				view.ffz_init(for_set);
-			} catch(err) {
-				this.error("setup component:twitch-feed/comment ffzInit", err);
-			}
-		}
-	}
-}
-
-
-FFZ.prototype.modify_feed_card = function(component) {
-	var f = this;
-	utils.ember_reopen_view(component, {
-		ffz_init: function(for_set) {
-			var el = this.get('element'),
-				message = this.get('post.body'),
-				emotes = parse_emotes(this.get('post.emotes')),
-				user_id = this.get('post.user.login'),
-				room_id = this.get('channelId') || user_id,
-				pbody = el && el.querySelector('.activity-body');
-
-			if ( ! message || ! el || ! pbody )
-				return;
-
-			// If this is for a specific emote set, only rerender if it matters.
-			if ( for_set && f.rooms && f.rooms[room_id] ) {
-				var sets = f.getEmotes(user_id, room_id);
-				if ( sets.indexOf(for_set) === -1 )
-					return;
-			}
-
-			var tokens = f.tokenize_feed_body(message, emotes, user_id, room_id),
-				output = f.render_tokens(tokens, true, false);
-
-			pbody.innerHTML = '<p>' + output + '</p>';
-		}
-	});
-}
-
-
-FFZ.prototype.modify_feed_comment = function(component) {
-	var f = this;
-	utils.ember_reopen_view(component, {
-		ffz_init: function(for_set) {
-			var el = this.get('element'),
-				message = this.get('comment.body'),
-				emotes = parse_emotes(this.get('comment.emotes')),
-				user_id = this.get('comment.user.login'),
-				room_id = this.get('parentView.parentView.channelId') || this.get('parentView.parentView.post.user.login') || null,
-				pbody = el && el.querySelector('.activity-body');
-
-			if ( ! message || ! el || ! pbody )
-				return;
-
-			// If this is for a specific emote set, only rerender if it matters.
-			if ( for_set && f.rooms && f.rooms[room_id] ) {
-				var sets = f.getEmotes(user_id, room_id);
-				if ( sets.indexOf(for_set) === -1 )
-					return;
-			}
-
-			var tokens = f.tokenize_feed_body(message, emotes, user_id, room_id),
-				output = f.render_tokens(tokens, true, false);
-
-			pbody.innerHTML = '<p>' + output + '</p>';
-		}
-	})
-}
\ No newline at end of file
diff --git a/src/ember/following.js b/src/ember/following.js
deleted file mode 100644
index 1d45d7c4..00000000
--- a/src/ember/following.js
+++ /dev/null
@@ -1,336 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils'),
-	constants = require('../constants'),
-
-	createElement = utils.createElement,
-
-	FOLLOWING_RE = /^\/kraken\/users\/([^/]+)\/follows\/channels/,
-	FOLLOWER_RE = /^\/kraken\/channels\/([^/]+)\/follows/;
-
-
-// --------------------
-// Settings
-// --------------------
-
-FFZ.settings_info.enhance_profile_following = {
-	type: "boolean",
-	value: true,
-
-	category: "Directory",
-	no_mobile: true,
-
-	name: "Enhanced Following Control",
-	help: "Display additional controls on your own profile's Following tab to make management easier, as well as telling you how long everyone has been following everyone else in the profile."
-}
-
-
-// --------------------
-// Initialization
-// --------------------
-
-FFZ.prototype.setup_profile_following = function() {
-	if ( ! window.App )
-		return;
-
-	var f = this;
-
-	// Build our is-following cache.
-	this._following_cache = {};
-	this._follower_cache = {};
-
-
-	// We want to hook the API to gather this information. It's easier than
-	// modifying the deserialization path.
-	var process_follows = function(channel_id, data, cache) {
-		f.log("Loading Follow Information for: " + channel_id, data);
-
-		var user_cache = cache[channel_id] = cache[channel_id] || {},
-			now = Date.now();
-
-		for(var i=0; i < data.length; i++) {
-			var follow = data[i],
-				user = follow && (follow.user || follow.channel);
-
-			if ( ! user || ! user.name )
-				continue;
-
-			if ( user.display_name && user.display_name !== 'jtv' )
-				FFZ.capitalization[user.name] = [user.display_name, now];
-
-			user_cache[user.name] = [
-				follow.created_at ? utils.parse_date(follow.created_at) : null,
-				follow.notifications || false];
-		}
-	};
-
-
-	var ServiceAPI = utils.ember_lookup('service:api');
-	if ( ServiceAPI )
-		ServiceAPI.reopen({
-			request: function(method, url, data, options) {
-				if ( method !== 'get' || url.indexOf('/kraken/') !== 0 )
-					return this._super(method, url, data, options);
-
-				var t = this;
-				return new Promise(function(success, fail) {
-					t._super(method, url, data, options).then(function(result) {
-						if ( result.follows ) {
-							var match = FOLLOWING_RE.exec(url);
-							if ( match )
-								// Following Information
-								process_follows(match[1], result.follows, f._following_cache);
-
-							match = FOLLOWER_RE.exec(url);
-							if ( match )
-								// Follower Information
-								process_follows(match[1], result.follows, f._follower_cache);
-						}
-
-						success(result);
-
-					}).catch(function(err) {
-						fail(err);
-					})
-				});
-			}
-		});
-	else
-		this.error("Unable to locate the Ember service:api");
-
-
-	// Modify followed items.
-	//this.update_views('component:display-followed-item', this.modify_display_followed_item);
-	this.update_views('component:twitch-profile-card', this.modify_twitch_profile_card);
-}
-
-
-FFZ.prototype.modify_twitch_profile_card = function(component) {
-	var f = this;
-	utils.ember_reopen_view(component, {
-		ffzParentModel: function() {
-			var x = this.get('parentView');
-			while(x) {
-				var model = x.get('model');
-				if ( model )
-					return model;
-				x = x.get('parentView');
-			}
-		}.property('parentView'),
-
-		ffz_init: function() {
-			var el = this.get('element');
-
-			el.classList.add('ffz-processed');
-			jQuery('.aspect', el).zipsy();
-
-			if ( ! f.settings.enhance_profile_following )
-				return;
-
-			this.ffzUpdate();
-		},
-
-		ffzUpdate: function() {
-			var el = this.get('element'),
-				t_el = el.querySelector('.ffz-followed-since'),
-				//notif_el = el.querySelector('.ffz-followed-notifications'),
-
-				channel_id = this.get('ffzParentModel.model.id'),
-				is_following = this.get('ffzParentModel.relationshipName') === 'following',
-
-				user = f.get_user(),
-				mine = user && user.login && user.login === channel_id,
-				big_cache = is_following ? f._following_cache : f._follower_cache,
-				user_cache = big_cache[channel_id] = big_cache[channel_id] || {},
-
-				user_id = this.get('channelInfo.id'),
-				data = user_cache[user_id];
-
-			//f.log("Profile Card [" + channel_id + "] " + user_id + " <" + JSON.stringify(data) + ">", this);
-
-			if ( ! data || ! el ) {
-				if ( t_el )
-					jQuery(t_el).remove();
-				/*if ( notif_el )
-					jQuery(notif_el).remove();*/
-				return false;
-			}
-
-			var now = Date.now() - (f._ws_server_offset || 0),
-				age = data[0] ? Math.floor((now - data[0].getTime()) / 1000) : 0,
-				t_el = el.querySelector('.ffz-followed-since')
-
-				update_time = function() {
-					var data = user_cache[user_id],
-						now = Date.now() - (f._ws_server_offset || 0),
-						age = data && data[0] ? Math.floor((now - data[0].getTime()) / 1000) : undefined;
-
-					if ( age !== undefined ) {
-						t_el.innerHTML = constants.CLOCK + ' ' + (age < 60 ? 'now' : utils.human_time(age, 10));
-						t_el.title = 'Follow' + (is_following ? 'ed by ' : 'er of ') + channel_id + ' since: <nobr>' + data[0].toLocaleString() + '</nobr>';
-						t_el.style.display = '';
-					} else
-						t_el.style.display = 'none';
-				};
-
-			if ( ! t_el ) {
-				t_el = createElement('div', 'overlay_info length html-tooltip ffz-followed-since');
-				el.appendChild(t_el);
-			}
-
-			update_time();
-
-			/*if ( ! mine || ! is_following ) {
-				if ( notif_el )
-					jQuery(notif_el).remove();
-				return;
-			}
-
-			if ( ! notif_el ) {
-				notif_el = createElement('button', 'ffz-followed-notifications button html-tooltip');
-				var cont = el.querySelector('.profile-card__actions');
-				if ( ! cont )
-					return;
-				cont.appendChild(notif_el);
-			}
-
-			var update_notif = function() {
-				var data = user_cache[user_id];
-				notif_el.classList.toggle('notifications-on', data && data[1]);
-				notif_el.textContent = 'Notifications';
-				notif_el.setAttribute('original-title', 'Email Notifications: ' + (data && data[1] ? 'En' : 'Dis') + 'abled');
-				jQuery(notif_el).trigger('mouseout');
-			};
-
-			update_notif();*/
-
-		}.observes('channelInfo')
-	});
-}
-
-
-/*FFZ.prototype.modify_display_followed_item = function(component) {
-	var f = this;
-	utils.ember_reopen_view(component, {
-		ffzParentModel: function() {
-			var x = this.get('parentView');
-			while(x) {
-				var model = x.get('model');
-				if ( model )
-					return model;
-				x = x.get('parentView');
-			}
-		}.property('parentView'),
-
-		ffz_init: function() {
-			var el = this.get('element'),
-				channel_id = this.get('ffzParentModel.id'), //.get('parentView.parentView.parentView.model.id'),
-				is_following = document.body.getAttribute('data-current-path').indexOf('.following') !== -1,
-
-				user = f.get_user(),
-				mine = user && user.login && user.login === channel_id,
-				big_cache = is_following ? f._following_cache : f._follower_cache,
-				user_cache = big_cache[channel_id] = big_cache[channel_id] || {},
-
-				user_id = this.get('followed.id'),
-				data = user_cache[user_id];
-
-			if ( ! f.settings.enhance_profile_following )
-				return;
-
-			el.classList.add('ffz-processed');
-
-			jQuery('.aspect', el).zipsy();
-
-			if ( ! data )
-				return false;
-
-			var now = Date.now() - (f._ws_server_offset || 0),
-				age = data[0] ? Math.floor((now - data[0].getTime()) / 1000) : 0,
-				t_el = createElement('div', 'overlay_info length html-tooltip'),
-
-				update_time = function() {
-					var now = Date.now() - (f._ws_server_offset || 0),
-						age = data && data[0] ? Math.floor((now - data[0].getTime()) / 1000) : undefined;
-
-					if ( age !== undefined ) {
-						t_el.innerHTML = constants.CLOCK + ' ' + (age < 60 ? 'now' : utils.human_time(age, 10));
-						t_el.title = 'Follow' + (is_following ? 'ing' : 'er') + ' Since: <nobr>' + data[0].toLocaleString() + '</nobr>';
-						t_el.style.display = '';
-					} else
-						t_el.style.display = 'none';
-				};
-
-			update_time();
-			el.appendChild(t_el);
-
-			if ( ! mine || ! is_following )
-				return;
-
-			var actions = createElement('div', 'actions'),
-				follow = createElement('button', 'button ffz-no-bg follow'),
-				notif = createElement('button', 'button ffz-no-bg notifications html-tooltip'),
-
-				update_follow = function() {
-					data = user_cache[user_id];
-					el.classList.toggle('followed', data);
-					follow.innerHTML = constants.HEART + constants.UNHEART + '<span> Follow</span>';
-				},
-
-				update_notif = function() {
-					data = user_cache[user_id];
-					notif.classList.toggle('notifications-on', data && data[1]);
-					notif.textContent = 'Notifications'; // ' + (data && data[1] ? 'On' : 'Off');
-					notif.setAttribute('original-title', 'Email Notifications: ' + (data && data[1] ? 'En' : 'Dis') + 'abled');
-					jQuery(notif).trigger('mouseout');
-				};
-
-			update_follow();
-			update_notif();
-
-			follow.addEventListener('click', function() {
-				var was_following = !!data;
-
-				follow.disabled = true;
-				notif.disabled = true;
-				follow.textContent = 'Updating';
-
-				(was_following ?
-						utils.api.del("users/:login/follows/channels/" + user_id) :
-						utils.api.put("users/:login/follows/channels/" + user_id, {notifications: false}))
-					.done(function() {
-						data = user_cache[user_id] = was_following ? null : [new Date(Date.now() - (f._ws_server_offset||0)), false];
-					})
-					.always(function() {
-						update_follow();
-						update_notif();
-						update_time();
-						follow.disabled = false;
-						notif.disabled = false;
-					})
-			});
-
-			notif.addEventListener('click', function() {
-				var was_following = data[1];
-
-				follow.disabled = true;
-				notif.disabled = true;
-				notif.textContent = 'Updating';
-
-				utils.api.put("users/:login/follows/channels/" + user_id, {notifications: !was_following})
-					.done(function() {
-						data[1] = ! was_following;
-					})
-					.always(function() {
-						update_notif();
-						follow.disabled = false;
-						notif.disabled = false;
-					});
-			});
-
-			actions.appendChild(follow);
-			actions.appendChild(notif);
-
-			el.appendChild(actions);
-		}
-	});
-}*/
\ No newline at end of file
diff --git a/src/ember/layout.js b/src/ember/layout.js
deleted file mode 100644
index b5d58d5f..00000000
--- a/src/ember/layout.js
+++ /dev/null
@@ -1,461 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils'),
-
-	route_helper;
-
-
-// --------------------
-// Settings
-// --------------------
-
-FFZ.settings_info.portrait_mode = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "Automatic (Use Window Aspect Ratio)",
-		2: "Always On",
-		3: "Automatic (Video Below)",
-		4: "Always On (Video Below)"
-	},
-
-	value: 0,
-	process_value: utils.process_int(0, 0, 1),
-
-	category: "Appearance",
-	no_mobile: true,
-	no_bttv: true,
-
-	name: "Portrait Mode (Chat Below Video)",
-	help: "Display the right sidebar beneath (or above) the video player for viewing in portrait orientations.",
-
-	on_update: function(val) {
-		if ( this.has_bttv )
-			return;
-
-		var Layout = utils.ember_lookup('service:layout');
-		if ( ! Layout )
-			return;
-
-		Layout.set('rawPortraitMode', val);
-		this._fix_menu_position();
-	}
-}
-
-FFZ.settings_info.portrait_warning = {
-	value: false,
-	visible: false
-}
-
-
-FFZ.settings_info.swap_sidebars = {
-	type: "boolean",
-	value: false,
-
-	category: "Sidebar",
-	no_mobile: true,
-	no_bttv: true,
-
-	name: "Swap Sidebar Positions",
-	help: "Swap the positions of the left and right sidebars, placing chat on the left.",
-
-	on_update: function(val) {
-			if ( this.has_bttv )
-				return;
-
-			document.body.classList.toggle("ffz-sidebar-swap", val);
-			this._fix_menu_position();
-		}
-	};
-
-
-FFZ.settings_info.flip_dashboard = {
-	type: "boolean",
-	value: false,
-
-	category: "Dashboard",
-	no_mobile: true,
-	no_bttv: true,
-
-	name: "Swap Column Positions",
-	help: "Swap the positions of the left and right columns of the dashboard.",
-
-	on_update: function(val) {
-			if ( this.has_bttv )
-				return;
-
-			document.body.classList.toggle("ffz-flip-dashboard", val);
-		}
-	};
-
-
-FFZ.settings_info.right_column_width = {
-	type: "button",
-	value: 340,
-
-	category: "Appearance",
-	no_mobile: true,
-	no_bttv: true,
-
-	name: "Right Sidebar Width",
-	help: "Set the width of the right sidebar for chat.",
-
-	method: function() {
-		var f = this,
-			old_val = this.settings.right_column_width || 340;
-
-		utils.prompt("Right Sidebar Width", "Please enter a new width for the right sidebar, in pixels.</p><p><b>Minimum:</b> 250<br><b>Default:</b> 340", old_val, function(new_val) {
-			if ( new_val === null || new_val === undefined )
-				return;
-
-			var width = parseInt(new_val);
-			if ( ! width || Number.isNaN(width) || ! Number.isFinite(width) )
-				width = 340;
-
-			f.settings.set('right_column_width', Math.max(250, width));
-		});
-	},
-
-	on_update: function(val) {
-		if ( this.has_bttv )
-			return;
-
-		var Layout = utils.ember_lookup('service:layout');
-		if ( ! Layout )
-			return;
-
-		Layout.set('rightColumnWidth', val);
-		Ember.propertyDidChange(Layout, 'contentWidth');
-	}
-};
-
-
-FFZ.settings_info.minimize_navigation = {
-	type: "boolean",
-	value: false,
-
-	category: "Sidebar",
-	no_mobile: true,
-	no_bttv: true,
-
-	name: "Minimize Navigation",
-	help: "Slide the navigation bar mostly out of view when it's not being used.",
-
-	on_update: function(val) {
-		if ( this.has_bttv )
-			return;
-
-		var Layout = utils.ember_lookup('service:layout');
-		if ( ! Layout )
-			return;
-
-		utils.toggle_cls('ffz-sidebar-minimize')(val);
-		Layout.set('ffzMinimizeNavigation', val);
-		//Ember.propertyDidChange(Layout, 'contentWidth');
-	}
-}
-
-
-// --------------------
-// Initialization
-// --------------------
-
-FFZ.prototype.setup_layout = function() {
-	if ( this.has_bttv )
-		return;
-
-	utils.toggle_cls("ffz-sidebar-swap")(this.settings.swap_sidebars);
-	utils.toggle_cls('ffz-sidebar-minimize')(this.settings.minimize_navigation);
-
-	this.log("Creating layout style element.");
-	var s = this._layout_style = document.createElement('style');
-	s.id = 'ffz-layout-css';
-	document.head.appendChild(s);
-
-	try {
-		route_helper = window.require("web-client/utilities/route-matcher");
-	} catch(err) {
-		this.error("Unable to require the route-matcher utility.", err);
-	}
-
-	var Layout = utils.ember_lookup('service:layout'),
-		LS = function(x) { return x },
-		f = this;
-
-	if ( ! Layout )
-		return this.log("Unable to locate the Ember service:layout");
-
-	try {
-		LS = window.require("web-client/utilities/layout-scaling").scalePixelValue;
-	} catch(err) { }
-
-	this.log("Hooking the Ember service:layout");
-
-	Layout.reopen({
-		rightColumnWidth: 340,
-		rawPortraitMode: 0,
-
-		portraitVideoBelow: false,
-
-		channelCoverHeight: function() {
-			var setting = f.settings.hide_channel_banner,
-				banner_hidden = setting === 1 ? f.settings.channel_bar_bottom : setting > 0;
-
-			return ( banner_hidden || ! route_helper || route_helper.routeMatches && !route_helper.routeMatches(this.get('globals.currentPath'), route_helper.ROUTES.CHANNEL_ANY) ) ?
-				0 : 380;
-
-		}.property("globals.currentPath"),
-
-		portraitMode: function() {
-			var raw = this.get("rawPortraitMode");
-			this.set('portraitVideoBelow', raw === 3 || raw === 4);
-
-			if ( raw === 0 )
-				return false;
-			if ( raw === 2 || raw === 4 )
-				return true;
-
-			// Not sure if I should be adding some other value to offset the ratio. What feels best?
-			var ratio = this.get("windowWidth") / (this.get("windowHeight") + 120 + 60);
-			return ratio < 1;
-
-		}.property("rawPortraitMode", "windowHeight", "windowWidth"),
-
-		isTooSmallForRightColumn: function() {
-			if ( ! f.has_bttv && this.get('portraitMode') ) {
-				var size = this.get('fullSizePlayerDimensions'),
-					extra = this.get('ffzExtraHeight'),
-					height = size.height + extra;
-
-				// Make sure we have at least a bit of room for the chat.
-				return this.get("windowHeight") < height;
-
-			} else
-				return this.get("windowWidth") < (1090 - this.get('rightColumnWidth'))
-
-		}.property("ffzExtraHeight", "windowWidth", "rightColumnWidth", "fullSizePlayerDimensions", "windowHeight"),
-
-		contentWidth: function() {
-			var left_width = LS(f.settings.socialbar_hide ? 0 : this.get('isSocialColumnCollapsed') ? 50 : 240),
-				right_width = ! f.has_bttv && this.get('portraitMode') ? 0 : this.get("isRightColumnClosed") ? 0 : this.get("rightColumnWidth");
-
-			return this.get("windowWidth") - left_width - right_width - LS(60);
-
-		}.property("windowWidth", 'ffzMinimizeNavigation', "portraitMode", "isRightColumnClosed", "rightColumnWidth", "isSocialColumnCollapsed"),
-
-		ffzExtraHeight: function() {
-			return (this.get('ffzMinimizeNavigation') ? 10 : 50) +
-				(f.settings.channel_bar_collapse ? 10 : 60) + 15 +
-				(f.settings.channel_title_top === 2 ? 20 : f.settings.channel_title_top > 0 ? 55 : 0) +
-				(f.settings.channel_title_top ? 70 : 80);
-		}.property("ffzMinimizeNavigation"),
-
-		fullSizePlayerDimensions: function() {
-			var h = this.get('windowHeight'),
-				c = this.get('PLAYER_CONTROLS_HEIGHT'),
-				r = this.get('contentWidth'),
-
-				extra_height = this.get('ffzExtraHeight'),
-				extra_theater_height = 120 + (f.settings.channel_bar_collapse ? 10 : 60) + 40,
-
-				i = Math.round(9 * r / 16) + c,
-				d = h - extra_height,
-				e = h - extra_theater_height,
-
-				l = Math.floor(r),
-				o = Math.floor(Math.min(i, d)),
-				s = Math.floor(Math.min(i, e));
-
-			return {
-				width: l,
-				height: o,
-				targetHeight: s
-			}
-
-		}.property("ffzExtraHeight", "contentWidth", "windowHeight", "portraitMode", "PLAYER_CONTROLS_HEIGHT"),
-
-		playerStyle: function() {
-			var size = this.get('fullSizePlayerDimensions');
-
-			return '<style>' +
-				'.dynamic-player, .dynamic-player object, .dynamic-player video {' +
-					'width:' + size.width + 'px !important;' +
-					'height:' + size.height + 'px !important}' +
-				'.dynamic-target-player, .dynamic-target-player object, .dynamic-target-player video {' +
-					'width:' + size.width + 'px !important;' +
-					'height:' + size.targetHeight + 'px !important}' +
-				'.dynamic-player .player object,' +
-				'.dynamic-player .player video {' +
-					'width: 100% !important;' +
-					'height: 100% !important}';
-
-		}.property("fullSizePlayerDimensions"),
-
-		ffzPortraitWarning: function() {
-			var t = this;
-			// Delay this, in case we're just resizing the window.
-			setTimeout(function() {
-				if ( ! f.settings.portrait_mode || f._portrait_warning || f.settings.portrait_warning || document.body.getAttribute('data-current-path').indexOf('user.') !== 0 || ! t.get('isTooSmallForRightColumn') )
-					return;
-
-				f._portrait_warning = true;
-				f.show_message('Twitch\'s Chat Sidebar has been hidden as a result of FrankerFaceZ\'s Portrait Mode because the window is too wide.<br><br>Please <a href="#" onclick="ffz.settings.set(\'portrait_mode\',0);jQuery(this).parents(\'.ffz-noty\').remove();ffz._portrait_warning = false;return false">disable Portrait Mode</a> or make your window narrower.<br><br><a href="#" onclick="ffz.settings.set(\'portrait_warning\',true);jQuery(this).parents(\'.ffz-noty\').remove();return false">Do not show this message again</a>');
-			}, 50);
-
-		}.observes("isTooSmallForRightColumn"),
-
-		ffzUpdateCss: function() {
-			var window_height = this.get('windowHeight'),
-				window_width = this.get('windowWidth'),
-				width = this.get('rightColumnWidth'),
-				out = '';
-
-			if ( ! f.has_bttv ) {
-				if ( ! this.get('isRightColumnClosed') ) {
-					if ( this.get('portraitMode') ) {
-						var size = this.get('fullSizePlayerDimensions'),
-							video_below = this.get('portraitVideoBelow'),
-							top_height = this.get('ffzMinimizeNavigation') ? 10 : 50,
-
-							video_height = size.height + this.get('ffzExtraHeight'),
-							chat_height = window_height - video_height,
-
-							video_top = video_below ? chat_height : 0,
-							video_bottom = window_height - (video_top + video_height),
-							chat_top = video_below ? 0 : video_height,
-
-							theatre_video_height = Math.floor(Math.max(window_height * 0.1, Math.min(window_height - 300, 9 * window_width / 16))),
-							theatre_chat_height = window_height - theatre_video_height,
-
-							theatre_video_top = video_below ? theatre_chat_height : 0,
-							theatre_video_bottom = window_height - (theatre_video_top + theatre_video_height),
-							theatre_chat_top = video_below ? 0 : theatre_video_height;
-
-						out += '.player-mini {' +
-								'bottom: ' + (10 + video_bottom) + 'px}' +
-							'.ffz-channel-bar-bottom .player-mini {' +
-								'bottom: ' + (60 + video_bottom) + 'px}' +
-							'.ffz-channel-bar-bottom.ffz-minimal-channel-bar .player-mini {' +
-								'bottom: ' + (20 + video_bottom) + 'px}' +
-							'.ffz-sidebar-swap .player-mini {' +
-								'left: 10px !important}' +
-							'body[data-current-path^="user."] #left_col .warp { min-height: inherit }' +
-							'body[data-current-path^="user."] #left_col { overflow: hidden }' +
-							'body[data-current-path^="user."] .social-column {' +
-								'top:' + video_top + 'px;' +
-								'height:' + (video_height - top_height) + 'px}' +
-							'body[data-current-path^="user."] #left_col .warp,' +
-							'body[data-current-path^="user."] #left_col,' +
-							'body[data-current-path^="user."] .searchPanel--slide,' +
-							'body[data-current-path^="user."]:not(.ffz-sidebar-swap) #main_col{' +
-								'margin-right:0 !important;' +
-								'top:' + video_top + 'px;' +
-								'height:' + (video_height - top_height) + 'px}' +
-							'body[data-current-path^="user."].ffz-sidebar-swap #main_col{' +
-								'margin-left:0 !important;' +
-								'top:' + video_top + 'px;' +
-								'height:' + (video_height - top_height) + 'px}' +
-							'body[data-current-path^="user."] #right_col{' +
-								'width:100%;' +
-								'top:' + (video_below ? chat_top : chat_top - top_height) + 'px;' +
-								'height:' + chat_height + 'px}' +
-							'body[data-current-path^="user."] .app-main.theatre .social-column,' +
-							'body[data-current-path^="user."] .app-main.theatre #left_col .warp,' +
-							'body[data-current-path^="user."] .app-main.theatre #left_col,' +
-							'body[data-current-path^="user."] .app-main.theatre #player,' +
-							'body[data-current-path^="user."] .app-main.theatre #main_col{' +
-								'top:' + theatre_video_top + 'px;' +
-								'height:' + theatre_video_height + 'px !important}' +
-							'body[data-current-path^="user."] .app-main.theatre #right_col{' +
-								'top:' + theatre_chat_top + 'px;' +
-								'height:' + theatre_chat_height + 'px}' +
-							'.app-main.theatre #player {' +
-								'left: 0 !important;right: 0 !important}' +
-							'body.ffz-minimal-channel-bar:not(.ffz-channel-bar-bottom) .cn-bar-fixed {' +
-								'top: ' + (video_top - 40) + 'px}' +
-							'body.ffz-minimal-channel-bar:not(.ffz-channel-bar-bottom) .cn-bar-fixed:hover,' +
-							'body:not(.ffz-channel-bar-bottom) .cn-bar-fixed {' +
-								'top: ' + video_top + 'px}' +
-							'.ffz-minimal-channel-bar.ffz-channel-bar-bottom .cn-bar {' +
-								'bottom: ' + (video_bottom - 40) + 'px}' +
-							'.ffz-minimal-channel-bar.ffz-channel-bar-bottom .cn-bar:hover,' +
-							'.ffz-channel-bar-bottom .cn-bar {' +
-								'bottom: ' + video_bottom + 'px}' +
-							'body:not(.ffz-sidebar-swap) .cn-bar-fixed { right: 0 !important }' +
-							'body.ffz-sidebar-swap .cn-bar-fixed { left: 0 !important }' +
-							'.ffz-theater-stats .app-main.theatre .cn-hosting--bottom,' +
-							'.ffz-theater-stats .app-main.theatre .cn-metabar__more {' +
-								'max-width:calc(100% - 350px);' +
-								'bottom:' + (theatre_video_bottom + 85) + 'px !important}' +
-							'.ffz-theater-stats:not(.ffz-theatre-conversations):not(.ffz-top-conversations) .app-main.theatre .cn-metabar__more {' +
-								'bottom:' + (theatre_video_bottom + 130) + 'px !important}' +
-							(video_below ? '.js-player-persistent {' +
-								'margin-top:-' + video_top + 'px}' +
-							'.ffz-sidebar-minimize .has-sc .js-player-persistent {' +
-								'margin-top:-' + (video_top - 40) + 'px}' : '');
-
-					} else {
-						out += '.ffz-sidebar-swap .player-mini{left:' + (width + 10) + 'px !important}' +
-							'#main_col.expandRight #right_close{left: none !important}' +
-							'#right_col{width:' + width + 'px}' +
-							'body:not(.ffz-sidebar-swap) #main_col:not(.expandRight){' +
-								'margin-right:' + width + 'px !important}' +
-							'body.ffz-sidebar-swap .theatre #main_col:not(.expandRight),' +
-							'body.ffz-sidebar-swap #main_col:not(.expandRight){' +
-								'margin-left:' + width + 'px !important}' +
-							'body:not(.ffz-sidebar-swap) .app-main.theatre #main_col:not(.expandRight) #player {' +
-								'right: ' + width + 'px !important}' +
-							'body.ffz-sidebar-swap .app-main.theatre #main_col:not(.expandRight) #player {' +
-								'right: 0 !important;' +
-								'left:' + width + 'px !important}' +
-							'body:not(.ffz-sidebar-swap) #main_col:not(.expandRight) .cn-bar-fixed {' +
-								'right: ' + width + 'px}' +
-							'body.ffz-sidebar-swap .theatre .cn-hosting--bottom,' +
-							'body.ffz-sidebar-swap .theatre .cn-metabar__more {' +
-								'left: ' + (width + 10) + 'px !important}' +
-							'body.ffz-sidebar-swap #main_col:not(.expandRight) .cn-bar-fixed {' +
-								'left: ' + width + 'px !important}' +
-							'.ffz-theater-stats .app-main.theatre .cn-hosting--bottom,' +
-							'.ffz-theater-stats .app-main.theatre .cn-metabar__more {' +
-								'max-width: calc(100% - ' + (width + 350) + 'px)}';
-					}
-				}
-
-				f._layout_style.innerHTML = out;
-			}
-
-		}.observes("ffzExtraHeight", "isRightColumnClosed", "fullSizePlayerDimensions", "rightColumnWidth", "portraitMode", "windowHeight", "windowWidth"),
-
-		ffzUpdatePlayerStyle: function() {
-			Ember.propertyDidChange(Layout, 'playerStyle');
-		}.observes('windowHeight', 'windowWidth'),
-
-		ffzUpdatePortraitCSS: function() {
-			var portrait = this.get("portraitMode");
-			document.body.classList.toggle("ffz-portrait", ! f.has_bttv && portrait);
-
-		}.observes("portraitMode"),
-
-		ffzFixTabs: function() {
-			if ( f.settings.group_tabs && f._chatv && f._chatv._ffz_tabs ) {
-				setTimeout(function() {
-					var cr = f._chatv && f._chatv.$('.chat-room');
-					cr && cr.css && cr.css('top', f._chatv._ffz_tabs.offsetHeight + "px");
-				},0);
-			}
-		}.observes("isRightColumnClosed", "rightColumnWidth", "portraitMode", "fullSizePlayerDimensions")
-	});
-
-
-	// Force the layout to update.
-	Layout.set('rightColumnWidth', this.settings.right_column_width);
-	Layout.set('rawPortraitMode', this.settings.portrait_mode);
-	Layout.set('ffzMinimizeNavigation', this.settings.minimize_navigation);
-
-	// Force re-calculation of everything.
-	Ember.propertyDidChange(Layout, 'windowWidth');
-	Ember.propertyDidChange(Layout, 'windowHeight');
-	Ember.propertyDidChange(Layout, 'ffzExtraHeight');
-	Ember.propertyDidChange(Layout, 'isTooSmallForRightColumn');
-	Ember.propertyDidChange(Layout, 'fullSizePlayerDimensions');
-	Layout.ffzUpdatePortraitCSS();
-}
\ No newline at end of file
diff --git a/src/ember/line.js b/src/ember/line.js
deleted file mode 100644
index a3c53e26..00000000
--- a/src/ember/line.js
+++ /dev/null
@@ -1,2127 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require("../utils"),
-	constants = require("../constants"),
-	bits_service,
-
-	CLIP_ERROR = constants.TWITCH_BASE + '86/1.0',
-	CLIP_FALLBACK = 'https://clips-media-assets.twitch.tv/404-preview-86x45.jpg',
-
-	TB_TOOLTIP = 'This message was flagged by AutoMod. Should it be allowed?',
-
-	BAN_SPLIT = /[\/\.](?:ban ([^ ]+)|timeout ([^ ]+)(?: (\d+))?|timeout_message ([^ ]+) ([^ ]+)(?: (\d+))?)(?: (.*))?$/;
-
-
-FFZ._fallback_image = function(img) {
-	var src = img.dataset.fallbackUrl;
-	if ( ! src )
-		return;
-
-	img.dataset.fallbackUrl = '';
-	img.src = src;
-}
-
-
-// ---------------------
-// Settings
-// ---------------------
-
-FFZ.settings_info.chat_rich_content = {
-	type: "boolean",
-	value: true,
-
-	category: "Chat Appearance",
-	name: "Rich Content in Chat",
-	help: "Display rich content in chat, such as clip embeds and blocks about people's purchases.",
-
-	on_update: function(val) {
-		var CL = utils.ember_resolve('component:chat/chat-line'),
-			views = CL ? utils.ember_views() : [];
-
-		for(var vid in views) {
-			var view = views[vid];
-			if ( view instanceof CL && view.ffzRender )
-				view.ffzRender();
-		}
-	}
-}
-
-FFZ.settings_info.automod_inline = {
-	type: "boolean",
-	value: false,
-
-	category: "Chat Moderation",
-	no_bttv: 6,
-
-	name: "AutoMod In-Line Actions",
-	help: "Display AutoMod controls as in-line mod icons instead of space wasting buttons.",
-
-	on_update: function(val) {
-		var CL = utils.ember_resolve('component:chat/chat-line'),
-			views = CL ? utils.ember_views() : [];
-
-		for(var vid in views) {
-			var view = views[vid];
-			if ( view instanceof CL && view.ffzRender )
-				view.ffzRender();
-		}
-	}
-}
-
-
-FFZ.settings_info.friend_notifications = {
-	type: "boolean",
-	value: false,
-
-	category: "Chat Filtering",
-	no_bttv: 6,
-
-	name: "Friend Watching Notifications",
-	help: "Display notifications when you receive a message that a friend has started watching the same channel."
-}
-
-
-FFZ.settings_info.alias_italics = {
-	type: "boolean",
-	value: true,
-
-	category: "Chat Appearance",
-	no_bttv: true,
-
-	name: "Display Aliases in Italics",
-	help: "Format the names of users that have aliases with italics to make it obvious at a glance that they have been renamed.",
-
-	on_update: function(val) {
-		document.body.classList.toggle('ffz-alias-italics', val);
-	}
-};
-
-FFZ.settings_info.username_display = {
-	type: "select",
-	options: {
-		0: "Username Only",
-		1: "Capitalization Only",
-		2: "Display Name Only",
-		3: "Username in Parenthesis",
-		4: "Username in Tooltip"
-	},
-
-	category: "Chat Appearance",
-	no_bttv: 6,
-
-	name: "Username Display",
-	help: "How a user's name should be rendered when their display name differs from the username.",
-
-	value: 3,
-	process_value: utils.process_int(3),
-
-	on_update: function(val) {
-		var CL = utils.ember_resolve('component:chat/chat-line'),
-			views = CL ? utils.ember_views() : [];
-
-		for(var vid in views) {
-			var view = views[vid];
-			if ( view instanceof CL && view.buildFromHTML ) {
-				view.$('.from').replaceWith(view.buildFromHTML());
-				if ( view.get('msgObject.to') )
-					view.$('.to').replaceWith(view.buildFromHTML(true));
-			}
-		}
-	}
-}
-
-
-FFZ.settings_info.room_status = {
-	type: "boolean",
-	value: true,
-
-	category: "Chat Appearance",
-	no_bttv: true,
-
-	name: "Room Status Indicators",
-	help: "Display the current room state (slow mode, sub mode, and r9k mode) next to the Chat button.",
-
-	on_update: function() {
-		if ( this._roomv )
-			this._roomv.ffzUpdateStatus();
-	}
-};
-
-
-FFZ.settings_info.replace_bad_emotes = {
-	type: "boolean",
-	value: true,
-
-	category: "Chat Appearance",
-	name: "Fix Low Quality Twitch Global Emoticons",
-	help: "Replace emoticons such as DansGame and RedCoat with cleaned up versions that don't have pixels around the edges or white backgrounds for nicer display on dark chat."
-};
-
-
-FFZ.settings_info.parse_links = {
-	type: "boolean",
-	value: true,
-
-	category: "Chat Appearance",
-	no_bttv: 6,
-
-	name: "Make Links Clickable",
-	help: "Display links as real, clickable hyperlinks rather than just text."
-}
-
-
-FFZ.settings_info.parse_emoticons = {
-	type: "boolean",
-	value: true,
-
-	category: "Chat Appearance",
-	no_bttv: 6,
-
-	name: "Display Emoticons",
-	help: "Display emoticons in chat messages rather than just text."
-};
-
-
-FFZ.settings_info.parse_emoji = {
-	type: "select",
-	options: {
-		0: "No Images / Font Only",
-		1: "Twitter Emoji Images",
-		2: "Google Noto Images",
-		3: "EmojiOne Images"
-	},
-
-	value: 1,
-	process_value: utils.process_int(1, 0, 1),
-
-	category: "Chat Appearance",
-
-	name: "Display Emoji",
-	help: "Replace emoji in chat messages with nicer looking images from either Twitter or Google."
-};
-
-
-FFZ.settings_info.scrollback_length = {
-	type: "button",
-	value: 150,
-
-	category: "Chat Appearance",
-	no_bttv: 6,
-
-	name: "Scrollback Length",
-	help: "Set the maximum number of lines to keep in chat.",
-
-	method: function() {
-			var f = this;
-			utils.prompt(
-				"Scrollback Length",
-				"Please enter a new maximum length for the chat scrollback. Please note that setting this too high may cause your computer to begin lagging as chat messages accumulate.</p><p><b>Default:</b> 150",
-				this.settings.scrollback_length,
-				function(new_val) {
-					if ( new_val === null || new_val === undefined )
-						return;
-
-					new_val = parseInt(new_val);
-					if ( Number.isNaN(new_val) || ! Number.isFinite(new_val) )
-						new_val = 150;
-
-					new_val = Math.max(10, new_val);
-
-					f.settings.set("scrollback_length", new_val);
-
-					// Update our everything.
-					var Chat = utils.ember_lookup('controller:chat'),
-						current_id = Chat && Chat.get('currentRoom.id');
-
-					for(var room_id in f.rooms) {
-						var room = f.rooms[room_id];
-						room.room && room.room.set('messageBufferSize', new_val + ((f._roomv && !f._roomv.get('stuckToBottom') && current_id === room_id) ? 150 : 0));
-					}
-				});
-		}
-	};
-
-
-FFZ.settings_info.hosted_sub_notices = {
-	type: "boolean",
-	value: true,
-
-	category: "Chat Filtering",
-	no_bttv: 6,
-
-	name: "Show Hosted Channel Subscriber Notices",
-	help: "Display (or more specifically <i>hides</i> when disabled) notices in chat when someone subscribes to the hosted channel."
-	};
-
-
-FFZ.settings_info.filter_whispered_links = {
-	type: "boolean",
-	value: 6,
-
-	category: "Chat Filtering",
-	name: "Auto-Hide Potentially Dangerous Whispered Links",
-	help: "Removes whispered links and displays a placeholder, with a warning that the link has not been approved by moderation or staff. Links remain accessible with an additional click."
-};
-
-
-FFZ.settings_info.banned_words = {
-	type: "button",
-	value: [],
-
-	category: "Chat Filtering",
-
-	name: "Banned Words",
-	help: "Set a list of words that will be locally removed from chat messages.",
-
-	method: function(e, from_basic) {
-			var f = this,
-				old_val = this.settings.banned_words.join("\n"),
-				input = utils.createElement('textarea');
-
-			input.style.marginBottom = "20px";
-
-			utils.prompt(
-				"Banned Words",
-				"Please enter a list of words or phrases that you would like to have removed from chat messages. One item per line." + (from_basic ? "" : "<hr><strong>Advanced Stuff:</strong> If you know regex, you can use regular expressions to match too! Start a line with <code>regex:</code> to trigger that behavior.<br><div class=\"small\">(Note: Your expression is wrapped in a capture group and may be joined with other expressions within that group via <code>|</code>. All regular expressions are executed with the flags <code>ig</code>.)</div>"),
-				old_val,
-				function(new_val) {
-					if ( new_val === null || new_val === undefined )
-						return;
-
-					var vals = new_val.trim().split(/\s*\n\s*/g),
-						i = vals.length;
-
-					while(i--)
-						if ( vals[i].length === 0 )
-							vals.splice(i, 1);
-
-					f.settings.set("banned_words", vals);
-				},
-				600, input);
-		}
-	};
-
-
-FFZ.settings_info.key_users = {
-	type: "button",
-	value: [],
-
-	category: "Chat Filtering",
-
-	name: "Highlight Users",
-	help: "Set a list of users that will have all their messages highlighted in chat.",
-
-	method: function(e, from_basic) {
-			var f = this,
-				old_val = this.settings.key_users.join("\n"),
-				input = utils.createElement('textarea');
-
-			input.style.marginBottom = "20px";
-
-			utils.prompt(
-				"Highlight Users",
-				"Please enter a list of usernames of users that you would like to be highlighted in chat.</p><p>Case insensitive. One name per line.",
-				old_val,
-				function(new_val) {
-					if ( new_val === null || new_val === undefined )
-						return;
-
-					// Split them up.
-					var vals = new_val.toLowerCase().trim().split(/\s*\n\s*/g),
-						i = vals.length;
-
-					while(i--)
-						if ( vals[i].length === 0 )
-							vals.splice(i,1);
-
-					f.settings.set("key_users", vals);
-				},
-				600, input);
-		}
-	};
-
-
-FFZ.settings_info.keywords = {
-	type: "button",
-	value: [],
-
-	category: "Chat Filtering",
-
-	name: "Highlight Keywords",
-	help: "Set additional keywords that will be highlighted in chat.",
-
-	method: function(e, from_basic) {
-			var f = this,
-				old_val = this.settings.keywords.join("\n"),
-				input = utils.createElement('textarea');
-
-			input.style.marginBottom = "20px";
-
-			utils.prompt(
-				"Highlight Keywords",
-				"Please enter a list of words or phrases that you would like to be highlighted in chat. One item per line." + (from_basic ? "" : "<hr><strong>Advanced Stuff:</strong> If you know regex, you can use regular expressions to match too! Start a line with <code>regex:</code> to trigger that behavior.<br><div class=\"small\">(Note: Your expression is wrapped in a capture group and may be joined with other expressions within that group via <code>|</code>. All regular expressions are executed with the flags <code>ig</code>.)</div>"),
-				old_val,
-				function(new_val) {
-					if ( new_val === null || new_val === undefined )
-						return;
-
-					// Split them up.
-					var vals = new_val.trim().split(/\s*\n\s*/g),
-						i = vals.length;
-
-					while(i--)
-						if ( vals[i].length === 0 )
-							vals.splice(i,1);
-
-					f.settings.set("keywords", vals);
-				},
-				600, input);
-		}
-	};
-
-
-FFZ.settings_info.clickable_emoticons = {
-	type: "boolean",
-	value: false,
-
-	category: "Chat Tooltips",
-	no_mobile: true,
-
-	name: "Emoticon Information Pages",
-	help: "When enabled, holding shift and clicking on an emoticon will open it on the FrankerFaceZ website or Twitch Emotes."
-	};
-
-
-FFZ.settings_info.link_info = {
-	type: "boolean",
-	value: true,
-
-	category: "Chat Tooltips",
-	no_bttv: 6,
-
-	name: "Link Information <span>Beta</span>",
-	help: "Check links against known bad websites, unshorten URLs, and show YouTube info.",
-
-	on_update: function(val) {
-		// Update every visible chat link and, possibly, wipe the link info cache.
-		if ( ! val ) {
-			this._link_data = {};
-			jQuery('.unsafe-link').removeClass('unsafe-link');
-
-		} else {
-			var links = document.querySelectorAll('.chat-link[data-url]');
-			for(var i=0,l=links.length; i < l; i++) {
-				var link = links[i],
-					url = link.dataset.url,
-					info = this.get_link_info(url);
-
-				if ( info && info.unsafe )
-					link.classList.add('unsafe-link');
-			}
-		}
-	}
-};
-
-
-FFZ.settings_info.link_image_hover = {
-	type: "boolean",
-	value: false,
-
-	category: "Chat Tooltips",
-	no_bttv: 6,
-	no_mobile: true,
-
-	name: "Image Preview",
-	help: "Display images associated with links to known services such as YouTube, Imgur, and Twitter."
-};
-
-
-FFZ.settings_info.emote_image_hover = {
-	type: "boolean",
-	value: false,
-
-	category: "Chat Tooltips",
-	no_mobile: true,
-
-	name: "Emote Preview",
-	help: "Display scaled up high-DPI emoticon images in tooltips to help see details on low-resolution monitors.",
-	on_update: function(val) {
-			this._reset_tooltips();
-		}
-	};
-
-
-FFZ.settings_info.image_hover_all_domains = {
-	type: "boolean",
-	value: false,
-
-	category: "Chat Tooltips",
-	no_bttv: 6,
-	no_mobile: true,
-
-	name: "Image Preview - NSFW",
-	help: "<i>Requires Image Preview.</i> Display images from all sources, including images that are tagged as unsafe or without rating information."
-};
-
-
-FFZ.settings_info.chat_rows = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "Alternating",
-		2: "Red Highlights",
-		3: "Both"
-	},
-
-	value: 0,
-	process_value: utils.process_int(0, 0, 3),
-
-	category: "Chat Appearance",
-	no_bttv: true,
-
-	name: "Chat Line Backgrounds",
-	help: "Display alternating background colors for lines in chat or make messages with highlighted words red.",
-
-	on_update: function(val) {
-		if ( this.has_bttv )
-			val = 0;
-
-		this.toggle_style('chat-background', val === 1 || val === 3);
-		this.toggle_style('chat-mention-bg', val > 1);
-		this.toggle_style('chat-mention-bg-alt', val === 3);
-	}
-};
-
-
-FFZ.settings_info.chat_separators = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "Basic Line (1px solid)",
-		2: "3D Line (2px groove)",
-		3: "3D Line (2px groove inset)",
-		4: "Wide Line (2px solid)"
-	},
-
-	value: 0,
-	process_value: utils.process_int(0, 0, 1),
-
-	no_bttv: true,
-
-	category: "Chat Appearance",
-	name: "Chat Line Separators",
-	help: "Display thin lines between chat messages for further visual separation.",
-
-	on_update: function(val) {
-		this.toggle_style('chat-separator', !this.has_bttv && val);
-		this.toggle_style('chat-separator-3d', !this.has_bttv && val === 2);
-		this.toggle_style('chat-separator-3d-inset', !this.has_bttv && val === 3);
-		this.toggle_style('chat-separator-wide', !this.has_bttv && val === 4);
-	}
-};
-
-
-FFZ.settings_info.old_sub_notices = {
-	type: "boolean",
-	value: false,
-
-	category: "Chat Appearance",
-	no_bttv: 6,
-
-	name: "Old-Style Subscriber Notices",
-	help: "Display the old style subscriber notices, with the message on a separate line."
-};
-
-
-FFZ.settings_info.emote_alignment = {
-	type: "select",
-	options: {
-		0: "Standard",
-		1: "Padded",
-		2: "Baseline (BTTV-Like)",
-	},
-
-	value: 0,
-	process_value: utils.process_int(0, 0, 2),
-
-	category: "Chat Appearance",
-	no_bttv: true,
-
-	name: "Emoticon Alignment",
-	help: "Change how emotes are aligned and padded in chat, making messages taller but preventing emotes from overlapping.",
-
-	on_update: function(val) {
-		if ( this.has_bttv )
-			return;
-		utils.toggle_cls('ffz-padded-emoticons')(val === 1);
-		utils.toggle_cls('ffz-baseline-emoticons')(val === 2);
-	}
-};
-
-FFZ.settings_info.chat_padding = {
-	type: "boolean",
-	value: false,
-
-	category: "Chat Appearance",
-	no_bttv: true,
-
-	name: "Reduced Chat Line Padding",
-	help: "Reduce the amount of padding around chat messages to fit more on-screen at once.",
-
-	on_update: function(val) { this.toggle_style('chat-padding', !this.has_bttv && val); }
-};
-
-
-FFZ.settings_info.high_contrast_chat = {
-	type: "select",
-	options: {
-		'222': "Disabled",
-		'212': "Bold",
-		'221': "Text",
-		'211': "Text + Bold",
-		'122': "Background",
-		'121': "Background + Text",
-		'112': "Background + Bold",
-		'111': 'All'
-	},
-
-	value: '222',
-	process_value: function(val) {
-		if ( val === false )
-			return '222';
-		else if ( val === true )
-			return '111';
-		return val;
-	},
-
-	category: "Chat Appearance",
-
-	name: "High Contrast",
-	help: "Display chat using white and black for maximum contrast. This is suitable for capturing and chroma keying chat to display on stream.",
-
-	on_update: function(val) {
-			this.toggle_style('chat-hc-text', val[2] === '1');
-			this.toggle_style('chat-hc-bold', val[1] === '1');
-			this.toggle_style('chat-hc-background', val[0] === '1');
-		}
-	};
-
-
-FFZ.settings_info.chat_font_family = {
-	type: "button",
-	value: null,
-
-	category: "Chat Appearance",
-	no_bttv: true,
-
-	name: "Font Family",
-	help: "Change the font used for rendering chat messages.",
-
-	method: function() {
-			var f = this,
-				old_val = this.settings.chat_font_family || "";
-
-			utils.prompt(
-				"Chat Font Family",
-				"Please enter a font family to use rendering chat. Leave this blank to use the default.",
-				old_val,
-				function(new_val) {
-					if ( new_val === null || new_val === undefined )
-						return;
-
-					// Should we wrap this with quotes?
-					if ( ! new_val )
-						new_val = null;
-
-					f.settings.set("chat_font_family", new_val);
-				});
-		},
-
-	on_update: function(val) {
-		if ( this.has_bttv || ! this._chat_style )
-			return;
-
-		var css;
-		if ( ! val )
-			css = "";
-		else {
-			// Let's escape this to avoid goofing anything up if there's bad user input.
-			if ( val.indexOf(' ') !== -1 && val.indexOf(',') === -1 && val.indexOf('"') === -1 && val.indexOf("'") === -1)
-				val = '"' + val + '"';
-
-			var span = document.createElement('span');
-			span.style.fontFamily = val;
-			css = ".ffz-recent-messages .chat-line,.pinned-cheers .chat-line,.timestamp-line,.conversation-chat-line,.conversation-system-messages,.chat-history,.ember-chat .chat-messages {" + span.style.cssText + "}";
-		}
-
-		utils.update_css(this._chat_style, "chat_font_family", css);
-		}
-	};
-
-
-FFZ.settings_info.recent_highlights = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "Moderator Promoted",
-		2: "Mentioned",
-		3: "Both"
-	},
-
-	value: 0,
-	process_value: utils.process_int(0, 0, 3),
-
-	category: "Chat Appearance",
-	no_bttv: true,
-
-	name: "Recent Highlights <span>Beta</span>",
-	help: "Display a Recent Highlights section at the top of chat to make sure you don't miss anything.",
-
-	on_update: function(val) {
-		this._roomv && this._roomv.ffzUpdateRecent();
-		if ( ! val )
-			for(var room_id in this.rooms) {
-				var r = this.rooms[room_id] && this.rooms[room_id].room;
-				r.set('ffz_recent_highlights', []);
-				r.set('ffz_recent_highlights_unread', 0);
-			}
-	}
-}
-
-
-FFZ.settings_info.recent_highlight_count = {
-	type: "button",
-	value: 50,
-
-	category: "Chat Appearance",
-	no_bttv: true,
-
-	name: "Recent Highlights Length",
-	help: "Set the maximum number of recent highlights to keep at once.",
-
-	method: function() {
-		var f = this;
-		utils.prompt(
-			"Recent Highlights Length",
-			"Please enter a new maximum length for the recent highlights scrollback. Please note that setting this too high may cause your computer to begin lagging as chat messages accumulate.</p><p><b>Default:</b> 50",
-			this.settings.recent_highlight_count,
-			function(new_val) {
-				if ( new_val === null || new_val === undefined )
-					return;
-
-				new_val = parseInt(new_val);
-				if ( Number.isNaN(new_val) || ! Number.isFinite(new_val) )
-					new_val = 50;
-
-				new_val = Math.max(1, new_val);
-
-				f.settings.set("recent_highlight_count", new_val);
-			});
-	},
-
-	on_update: function(val) {
-		for(var room_id in this.rooms) {
-			var r = this.rooms[room_id] && this.rooms[room_id].room,
-				rh = r && r.get('ffz_recent_highlights');
-
-			if ( rh && rh.length > val )
-				r.set('ffz_recent_highlights', rh.splice(Math.max(0, rh.length - val), rh.length));
-		}
-
-		this._roomv && this._roomv.ffzUpdateRecent();
-	}
-}
-
-
-FFZ.settings_info.emoji_scale = {
-	type: "select",
-	options: {
-		0: "Scale with Text (Default)",
-		1: "Old Default (18px)",
-		2: "Emote Size (28px)"
-	},
-
-	value: 0,
-	process_value: utils.process_int(0),
-
-	category: "Chat Appearance",
-	no_bttv: true,
-
-	name: "Emoji Size",
-	help: "Make emoji in chat bigger or smaller.",
-
-	on_update: function(val) {
-		var size = 18;
-		if ( val === 0 )
-			size = 1.5 * this.settings.chat_font_size;
-		else if ( val === 2 )
-			size = 28;
-
-		utils.update_css(this._chat_style, 'emoji_size',
-			size !== 18 ? '.chat-line .emoji{height:' + size + 'px}' : '');
-	}
-}
-
-
-FFZ.settings_info.chat_font_size = {
-	type: "button",
-	value: 12,
-
-	category: "Chat Appearance",
-	no_bttv: true,
-
-	name: "Font Size",
-	help: "Make the chat font bigger or smaller.",
-
-	method: function() {
-			var f = this,
-				old_val = this.settings.chat_font_size;
-
-			utils.prompt(
-				"Chat Font Size",
-				"Please enter a new size for the chat font.</p><p><b>Default:</b> 12",
-				old_val,
-				function(new_val) {
-					if ( new_val === null || new_val === undefined )
-						return;
-
-					var parsed = parseInt(new_val);
-					if ( ! parsed || Number.isNaN(parsed) || parsed < 1 )
-						parsed = 12;
-
-					f.settings.set("chat_font_size", parsed);
-				});
-		},
-
-	on_update: function(val) {
-		if ( this.has_bttv || ! this._chat_style )
-			return;
-
-		var css;
-		if ( val === 12 || ! val )
-			css = "";
-		else {
-			var lh = Math.max(20, Math.round((20/12)*val)),
-				pd = Math.floor((lh - 20) / 2);
-
-			css = ".ffz-recent-messages .chat-line,.pinned-cheers .chat-line,.timestamp-line,.conversation-chat-line,.conversation-system-messages,.chat-history .chat-line,.ember-chat .chat-messages .chat-line { font-size: " + val + "px !important; line-height: " + lh + "px !important; }";
-			if ( pd )
-				css += ".ffz-recent-messages .chat-line .mod-icons,.pinned-cheers .chat-line,.ember-chat .chat-messages .chat-line .mod-icons, .ember-chat .chat-messages .chat-line .badges { padding-top: " + pd + "px; }";
-		}
-
-		utils.update_css(this._chat_style, "chat_font_size", css);
-		FFZ.settings_info.chat_ts_size.on_update.call(this, this.settings.chat_ts_size);
-		FFZ.settings_info.emoji_scale.on_update.call(this, this.settings.emoji_scale);
-		}
-	};
-
-
-FFZ.settings_info.chat_ts_size = {
-	type: "button",
-	value: null,
-
-	category: "Chat Appearance",
-	no_bttv: true,
-
-	name: "Timestamp Font Size",
-	help: "Make the chat timestamp font bigger or smaller.",
-
-	method: function() {
-			var f = this,
-				old_val = this.settings.chat_ts_size;
-
-			if ( ! old_val )
-				old_val = this.settings.chat_font_size;
-
-			utils.prompt(
-				"Chat Timestamp Font Size",
-				"Please enter a new size for the chat timestamp font. The default is to match the regular chat font size.",
-				old_val,
-				function(new_val) {
-					if ( new_val === null || new_val === undefined )
-						return;
-
-					var parsed = parseInt(new_val);
-					if ( parsed < 1 || Number.isNaN(parsed) || ! Number.isFinite(parsed) )
-						parsed = null;
-
-					f.settings.set("chat_ts_size", parsed);
-				});
-		},
-
-	on_update: function(val) {
-		if ( this.has_bttv || ! this._chat_style )
-			return;
-
-		var css;
-		if ( val === null )
-			css = "";
-		else {
-			var lh = Math.max(20, Math.round((20/12)*val), Math.round((20/12)*this.settings.chat_font_size));
-			css = ".ffz-recent-messages .timestamp,.ember-chat .chat-messages .timestamp { font-size: " + val + "px !important; line-height: " + lh + "px !important; }";
-		}
-
-		utils.update_css(this._chat_style, "chat_ts_font_size", css);
-		}
-	};
-
-
-// ---------------------
-// Initialization
-// ---------------------
-
-FFZ.prototype.setup_line = function() {
-	bits_service = utils.ember_lookup('service:bits-emotes');
-	if ( ! bits_service )
-		bits_service = utils.ember_lookup('service:bits-rendering-config');
-
-	// Tipsy Handler
-	jQuery(document.body).on("mouseleave", ".tipsy", function() {
-		if ( ! this.classList.contains('zipsy') )
-			this.parentElement.removeChild(this);
-	});
-
-	// Aliases
-	try {
-		this.aliases = JSON.parse(localStorage.ffz_aliases || '{}');
-	} catch(err) {
-		this.log("Error Loading Aliases: " + err);
-		this.aliases = {};
-	}
-
-
-	// Chat Style
-	var s = this._chat_style = document.createElement('style');
-	s.id = "ffz-style-chat";
-	s.type = 'text/css';
-	document.head.appendChild(s);
-
-	// Initial calculation.
-	FFZ.settings_info.chat_font_size.on_update.call(this, this.settings.chat_font_size);
-	FFZ.settings_info.chat_font_family.on_update.call(this, this.settings.chat_font_family);
-
-
-	// Chat Enhancements
-	utils.toggle_cls('ffz-alias-italics')(this.settings.alias_italics);
-	utils.toggle_cls('ffz-padded-emoticons')(!this.has_bttv && this.settings.emote_alignment === 1);
-	utils.toggle_cls('ffz-baseline-emoticons')(!this.has_bttv && this.settings.emote_alignment === 2);
-
-	this.toggle_style('chat-padding', !this.has_bttv && this.settings.chat_padding);
-	FFZ.settings_info.chat_rows.on_update.call(this, this.settings.chat_rows);
-
-	this.toggle_style('chat-separator', !this.has_bttv && this.settings.chat_separators);
-	this.toggle_style('chat-separator-3d', !this.has_bttv && this.settings.chat_separators === 2);
-	this.toggle_style('chat-separator-3d-inset', !this.has_bttv && this.settings.chat_separators === 3);
-	this.toggle_style('chat-separator-wide', !this.has_bttv && this.settings.chat_separators === 4);
-
-	this.toggle_style('chat-hc-text', this.settings.high_contrast_chat[2] === '1');
-	this.toggle_style('chat-hc-bold', this.settings.high_contrast_chat[1] === '1');
-	this.toggle_style('chat-hc-background', this.settings.high_contrast_chat[0] === '1');
-
-	var f = this;
-	this.update_views('component:video/rechat/chat-message', this._modify_vod_line);
-	this.update_views('component:chat/message-line', this._modify_chat_subline);
-	this.update_views('component:chat/whisper-line', function(x) { return f._modify_chat_subline(x, true) });
-	this.update_views('component:bits/pinned-cheers/top-cheer-line', this._modify_top_cheer_line);
-	this.update_views('component:bits/pinned-cheers/top-cheer', this._modify_top_cheer);
-
-	// Store the capitalization of our own name.
-	var user = this.get_user();
-	if ( user && user.name )
-		FFZ.capitalization[user.login] = [user.name, Date.now()];
-}
-
-
-FFZ.prototype.save_aliases = function() {
-	this.log("Saving " + Object.keys(this.aliases).length + " aliases to local storage.");
-	localStorage.ffz_aliases = JSON.stringify(this.aliases);
-}
-
-
-FFZ.prototype._modify_top_cheer = function(component) {
-	var f = this;
-	utils.ember_reopen_view(component, {
-		ffz_init: function() {
-			var PinnedCheers = utils.ember_lookup('service:bits-pinned-cheers'),
-				el = this.get('element'),
-				container = el && el.querySelector('.pinned-cheer__top-bar');
-
-			if ( ! PinnedCheers || ! container )
-				return;
-
-			var btn_dismiss = utils.createElement('a', 'mod-icon html-tooltip pc-dismiss-local', 'Dismiss'),
-				mod_icons = utils.createElement('div', 'mod-icons', btn_dismiss);
-
-			btn_dismiss.title = 'Dismiss';
-			container.insertBefore(mod_icons, container.firstElementChild);
-
-			btn_dismiss.addEventListener('click', function() {
-				PinnedCheers.dismissLocalMessage();
-			});
-		}
-	});
-}
-
-
-FFZ.prototype._modify_top_cheer_line = function(component) {
-	var f = this;
-	component.reopen({
-		ffzRender: function() {
-			var el = this.get('element');
-			el.innerHTML = this.buildFromHTML() + '<span class="colon">:</span> ';
-		}
-	})
-}
-
-
-FFZ.prototype._modify_chat_line = function(component, is_vod) {
-	var f = this,
-		Layout = utils.ember_lookup('service:layout'),
-		Chat = utils.ember_lookup('controller:chat'),
-		ThemeManager = utils.ember_lookup('service:theme-manager'),
-		PinnedCheers = utils.ember_lookup('service:bits-pinned-cheers'),
-		Settings = utils.ember_settings();
-
-	component.reopen({
-		/*tokenizedMessage: function() {
-			return [{type: 'text', text: 'hi'}];
-		}.property('msgObject.message'),*/
-
-		ffz_modified: true,
-
-		ffzTokenizedMessage: function() {
-			try {
-				return f.tokenize_chat_line(this.get('msgObject'));
-			} catch(err) {
-				f.error("chat-line tokenizedMessage: " + err);
-				return this.get('tokenizedMessage');
-			}
-		}.property("msgObject.message", "isChannelLinksDisabled", "currentUserNick", "msgObject.from", "msgObject.tags.emotes"),
-
-		lineChanged: Ember.observer("msgObject.deleted", "isModeratorOrHigher", "msgObject.ffz_old_messages", "ffzTokenizedMessage", function() {
-			this.$(".mod-icons").replaceWith(this.buildModIconsHTML());
-			if ( this.get("msgObject.deleted") ) {
-				this.$(".message").replaceWith(this.buildDeletedMessageHTML());
-				this.$(".ffz-rich-content").html("");
-			} else {
-				this.$(".deleted,.message").replaceWith(this.buildMessageHTML());
-				this.$(".ffz-rich-content").html(this.buildRichContentHTML());
-			}
-		}),
-
-		clickedChanged: Ember.observer("hasClickedFlaggedMessage", function() {
-			if ( ! this.get('isAutoModPromptSmaller') && f.settings.automod_inline )
-				this.$(".mod-icons").replaceWith(this.buildModIconsHTML());
-			else
-				this.ffzRender();
-		}),
-
-		ffzUpdateBadges: function() {
-			this.$(".badges").html(f.render_badges(f.get_line_badges(this.get('msgObject'))));
-		},
-
-		ffzPinnedParent: function() {
-			var is_pinned_cheer = this.get('msgObject.is_pinned_cheer');
-			return is_pinned_cheer === 2 ? this.get('parentView.parentView.parentView.parentView.parentView') : this.get('parentView');
-		}.property('msgObject.is_pinned_cheer'),
-
-		ffzUserLevel: function() {
-			if ( this.get('isStaff') || this.get('msgObject.from') === 'AutoMod' )
-				return 5;
-			else if ( this.get('isAdmin') )
-				return 4;
-			else if ( this.get('isBroadcaster') )
-				return 3;
-			else if ( this.get('isGlobalMod') )
-				return 2;
-			else if ( this.get('isModerator') )
-				return 1;
-			return 0;
-		}.property('msgObject.labels.[]'),
-
-		buildModIconsHTML: function() {
-			var user = this.get('msgObject.from'),
-
-				is_tb = this.get('msgObject.autoModRejected'),
-				is_pinned_cheer = this.get('msgObject.is_pinned_cheer'),
-
-				room_id = this.get('msgObject.room'),
-				room = f.rooms && f.rooms[room_id],
-
-				deleted = this.get('msgObject.deleted'),
-
-				recipient = this.get('msgObject.to'),
-				is_whisper = recipient && recipient.length,
-
-				this_ul = this.get('ffzUserLevel'),
-				other_ul = room && room.room && room.room.get('ffzUserLevel') || 0,
-
-				shouldnt_show = (f.settings.mod_buttons.length === 0 && ! is_tb),
-				had_output = false,
-				output;
-
-			if ( ! is_pinned_cheer && shouldnt_show )
-				return '';
-
-			shouldnt_show = shouldnt_show || this_ul >= other_ul;
-			output = ['<span class="mod-icons">'];
-
-			if ( is_pinned_cheer ) {
-				var parent = this.get('ffzPinnedParent');
-				had_output = true;
-				if ( parent && PinnedCheers && PinnedCheers.canDismissPinnedCheer(parent.get('userData.id'), parent.get('isViewerModeratorOrHigher')) )
-					output.push('<a class="mod-icon html-tooltip pc-dismiss" title="Dismiss for Everyone">Dismiss</a>');
-				if ( is_pinned_cheer !== 2 )
-					output.push('<a class="mod-icon html-tooltip pc-dismiss-local" title="Dismiss">Dismiss</a>');
-			}
-
-			if ( ! is_whisper )
-				for(var i=0, l = f.settings.mod_buttons.length; i < l; i++) {
-					var pair = f.settings.mod_buttons[i],
-						prefix = pair[0], btn = pair[1], had_label = pair[2], is_emoji = pair[3], non_mod = pair[4],
-
-						cmd, tip;
-
-					if ( ! non_mod && shouldnt_show )
-						continue;
-
-					if ( is_emoji ) {
-						var setting = f.settings.parse_emoji,
-							token = f.emoji_data[is_emoji],
-							url = null;
-						if ( token ) {
-							if ( setting === 1 && token.tw )
-								url = token.tw_src;
-							else if ( setting === 2 && token.noto )
-								url = token.noto_src;
-							else if ( setting === 3 && token.one )
-								url = token.one_src;
-
-							if ( url )
-								prefix = '<img class="mod-icon-emoji" src="' + utils.quote_attr(url) + '">';
-						}
-					}
-
-					had_output = true;
-
-					if ( btn === false ) {
-						if ( deleted )
-							output.push('<a class="mod-icon html-tooltip unban" title="Unban User" href="#">Unban</a>');
-						else
-							output.push('<a class="mod-icon html-tooltip ban' + (had_label ? ' custom' : '') + '" title="Ban User" href="#">' + (had_label ? prefix : 'Ban') + '</a>');
-
-					} else if ( btn === 600 )
-						output.push('<a class="mod-icon html-tooltip timeout' + (had_label ? ' custom' : '') + '" title="Timeout User (10m)" href="#">' + ( had_label ? prefix : 'Timeout') + '</a>');
-
-					else {
-						if ( typeof btn === "string" ) {
-							cmd = utils.replace_cmd_variables(btn, {name: user}, room && room.room, this.get('msgObject')).replace(/\s*<LINE>\s*/g, '\n');
-							tip = "Custom Command" + (cmd.indexOf("\n") !== -1 ? 's' : '') + '<br>' + utils.quote_san(cmd).replace('\n','<br>');
-						} else {
-							cmd = "/timeout " + user + " " + btn;
-							tip = "Timeout User (" + utils.duration_string(btn) + ")";
-						}
-						output.push('<a class="mod-icon html-tooltip' + (cmd.substr(0,9) === '/timeout' ? ' is-timeout' : '') + ' custom" data-cmd="' + utils.quote_attr(cmd) + '" title="' + tip + '" href="#">' + prefix + '</a>');
-					}
-				}
-
-			if ( ! this.get('isAutoModPromptSmaller') && f.settings.automod_inline && is_tb ) {
-				var clicked = this.get('hasClickedFlaggedMessage'),
-					inactive = clicked ? ' inactive' : '';
-
-				had_output = true;
-				output.push('<a class="mod-icon html-tooltip tb-reject' + inactive + (clicked ? '' : '" title="Not Allowed<hr>' + TB_TOOLTIP) + '">Not Allowed</a>');
-				output.push('<a class="mod-icon html-tooltip tb-allow' + inactive + (clicked ? '' : '" title="Allowed<hr>' + TB_TOOLTIP) + '">Allowed</a>');
-			}
-
-			return had_output ? output.join('') + '</span>' : '';
-		},
-
-		buildFromHTML: function(is_recipient) {
-			var username = this.get(is_recipient ? 'msgObject.to' : 'msgObject.from'),
-				raw_display = this.get(is_recipient ? 'msgObject.tags.recipient-display-name' : 'msgObject.tags.display-name'),
-				alias = f.aliases[username],
-
-				raw_color = this.get(is_recipient ? 'msgObject.toColor' : 'msgObject.color'),
-
-				is_dark = (ThemeManager && ThemeManager.get('themes.activeTheme') === 'theme--dark') || (Layout && Layout.get('isTheatreMode')) || (is_replay ? f.settings.dark_twitch : (Settings && Settings.get('darkMode'))),
-				is_replay = this.get('ffz_is_replay'),
-
-				colors = raw_color && f._handle_color(raw_color),
-				style = colors ? 'color:' + (is_dark ? colors[1] : colors[0]) : '',
-				colored = colors ? ' has-color' + (is_replay ? ' replay-color' : '') : '',
-
-				results = f.format_display_name(raw_display, username),
-				tag = f.settings.disable_bttv_mod_cards ? 'fspan' : 'span';
-
-			return '<' + tag + ' class="' + (is_recipient ? 'to' : 'from') + (alias ? ' ffz-alias' : '') + (results[1] ? ' html-tooltip' : '') + colored + '" style="' + style + (colors ? '" data-color="' + raw_color : '') + (results[1] ? '" title="' + utils.quote_attr(results[1]) : '') + '">' + results[0] + '</' + tag + '>';
-		},
-
-		buildSystemMessageHTML: function() {
-			if ( ! this.get('hasSystemMsg') )
-				return '';
-
-			var tags = this.get('msgObject.tags') || {},
-				msg_type = tags['msg-id'],
-				out;
-
-			/*if ( msg_type === 'bits-hashtag' )
-				out = f.render_token(true,false,true, {type: "bits", prefix: "Cheer", amount: parseInt(tags['msg-param-total'])}) +
-					utils.sanitize(tags['system-msg'] || '')
-						.replace('{hashtag}', '<strong>#' + utils.sanitize(tags['msg-param-hashtag']) + '</strong>')
-						.replace('{link}', '<a target="_blank" href="' + utils.quote_san(tags['msg-param-link']) + '">' + utils.sanitize(tags['msg-param-linkname']) + '</a>')*/
-
-
-			if ( msg_type === 'purchase' ) {
-				var Intl = utils.ember_lookup('service:intl'),
-					commerce = this.get('msgObject.tags.content.commerce.firstObject');
-
-				if ( commerce && Intl )
-					out = '<p class="purchase-message-title">' +
-						Intl.t(
-							commerce.numCrates ?
-								'gameCommerce.purchaseNotifications.plusCrates.systemMessage' :
-								'gameCommerce.purchaseNotifications.systemMessage',
-
-							{
-								userName: tags['login'],
-								purchaseTitle: tags['msg-param-title'],
-								numCrates: commerce.numCrates,
-								htmlSafe: true
-							}) + '</p>';
-
-			}
-
-			else if ( msg_type === 'raid' || msg_type === 'unraid' ) {
-				var Intl = utils.ember_lookup('service:intl');
-
-				if ( Intl ) {
-					if ( msg_type === 'raid' ) {
-						var channel = this.ffzGetChannel(),
-							data = channel.loaded ? channel.data : {display_name: tags['msg-param-login']};
-
-						out = '<span class="flex align-items-center">' +
-							(data.logo ? '<div class="square-3">' +
-								'<img src="' + utils.quote_attr(data.logo) + '" alt="' + utils.quote_san(data.display_name) + '">' +
-							'</div>' : '') +
-							'<div class="mg-l-1">' +
-								Intl.t('chat.raids.incomingRaid', {
-									displayName: data.display_name,
-									viewerCount: tags['msg-param-viewerCount'],
-									htmlSafe: true
-								}) +
-							'</div>' +
-						'</span>';
-
-					} else
-						out = Intl.t('chat.raids.cancelRaid');
-				} else
-					out = utils.sanitize(this.get('systemMsg'));
-
-			} else
-				out = utils.sanitize(this.get('systemMsg'));
-
-			return out ? '<div class="system-msg">' + out + '</div>' : '';
-		},
-
-		buildRichContentHTML: function() {
-			if ( ! f.settings.chat_rich_content || this.get('msgObject.deleted') )
-				return '';
-
-			var content = this.get('msgObject.tags.content') || {},
-				out = '';
-
-			for(var pk in content) {
-				if ( pk === 'commerce' )
-					out += this.buildPurchaseContentHTML();
-				else if ( pk in FFZ.rich_content_providers )
-					out += this.buildRichEmbedHTML(this.ffzGetContent(pk));
-			}
-
-			return out;
-		},
-
-		ffzUpdateSystemMessage: function() {
-			var msg = this.buildSystemMessageHTML(),
-				el = this.$('.system-msg')[0];
-
-			if ( el )
-				el.outerHTML = msg;
-			else if ( msg ) {
-				el = this.$('.indicator')[0];
-				el.outerHTML = '<div class="indicator"></div>' + msg;
-			}
-		},
-
-		ffzUpdateRichContent: function() {
-			if ( this.get('msgObject.tags.content') )
-				this.$(".ffz-rich-content").html(this.buildRichContentHTML());
-		},
-
-		ffzGetChannel: function() {
-			var login = this.get('msgObject.tags.msg-param-login');
-			if ( ! login )
-				return {
-					loaded: true,
-					errored: true
-				};
-
-			var t = this,
-				channel_info = this._channel_info = this._channel_info || {};
-
-			if ( ! channel_info._started ) {
-				channel_info._started = true;
-				utils.api.get('channels/' + login, {}, {version: 3})
-					.done(function(data) {
-						channel_info.data = data;
-						channel_info.loaded = true;
-						t.isDestroyed || t.ffzUpdateSystemMessage();
-					}).fail(function(data) {
-						channel_info.loaded = true;
-						channel_info.errored = true;
-						t.isDestroyed || t.ffzUpdateSystemMessage();
-					});
-			}
-
-			return channel_info;
-		},
-
-		ffzGetContent: function(provider_key, info) {
-			info = info || this.get('msgObject.tags.content.' + provider_key + '.firstObject')
-			if ( ! info || ! info.data )
-				return {
-					loaded: true,
-					errored: true
-				};
-
-			var t = this,
-				provider = FFZ.rich_content_providers[provider_key],
-
-				content_info = this._ffz_content_info = this._ffz_content_info || {},
-				content = content_info[info.index] = content_info[info.index] || {
-					embed_type: provider.display_name || provider_key,
-					input: info.data
-				};
-
-			if ( ! content._started ) {
-				content._started = true;
-				provider.get_info.call(f, content.input).then(function(data) {
-					content.data = data;
-					content.loaded = true;
-					t.isDestroyed || t.ffzUpdateRichContent();
-				}).catch(function() {
-					content.errored = true;
-					content.loaded = true;
-					t.isDestroyed || t.ffzUpdateRichContent();
-				})
-			}
-
-			return content;
-		},
-
-		buildRichEmbedHTML: function(content) {
-			var data = content.data || {},
-				out = '<div class="chat-chip pd-y-05 mg-t-05">' +
-				'<div class="card card--row card--sm">';
-
-			if ( ! content.loaded || content.errored ) {
-				out += '<div class="card__layout">' +
-					'<figure class="card__img chat-chip-img' + (content.errored ? ' chat-chip-img--error' : '') + '">';
-
-				if ( content.loaded )
-					out += '<img src="' + utils.quote_attr(content.errored ? CLIP_ERROR : data.image) + '" data-fallback-url="' + utils.quote_attr(CLIP_FALLBACK) + '" onerror="FrankerFaceZ._fallback_image(this)">';
-				else
-					out += '<div class="loading-spinner"></div>';
-
-				out += '</figure>' +
-					'<div class="card__body">' +
-						'<h3 class="card__title ellipsis">' +
-							(content.errored ?
-							'Something went wrong' :
-							'Loading ' + content.embed_type + '...') +
-						'</h3>' +
-						'<p class="card__info ellipsis">' +
-							(content.errored ?
-							"We couldn't find that " + content.embed_type + '.' :
-							'...') +
-						'</p>' +
-					'</div>' +
-				'</div>';
-
-			} else {
-				out += '<a class="card__layout" href="' + utils.quote_attr(data.url) + '" target="_blank" rel="noopener noreferrer" class="card__layout">' +
-					'<figure class="card__img chat-chip-img">' +
-						'<img src="' + utils.quote_attr(data.image) + '" data-fallback-url="' + utils.quote_attr(CLIP_FALLBACK) + '" onerror="FrankerFaceZ._fallback_image(this)">' +
-					'</figure>' +
-					'<div class="card__body">' +
-						'<h3 class="card__title ellipsis">' + data.title + '</h3>';
-
-						for(var i=0; i < data.by_lines.length; i++)
-							out += '<p class="card__info ellipsis">' + data.by_lines[i] + '</p>';
-
-					out += '</div>' +
-				'</a>';
-			}
-
-			return out + '</div></div>';
-		},
-
-		buildPurchaseContentHTML: function() {
-			var commerce = this.get('msgObject.tags.content.commerce.firstObject'),
-				out;
-			if ( ! commerce || ! commerce.purchased || ! commerce.purchased.length )
-				return '';
-
-			var purchased = commerce.purchased[0],
-				crated = commerce.crated || [],
-				show_drawer = crated.length > 2,
-				drawer_open = this._ffz_commerce_drawer_open,
-				image_url = purchased.boxart,
-				title = purchased.title,
-				Intl = utils.ember_lookup('service:intl');
-
-			out = '<div class="chat-commerce-rich-content chat-chip flex flex--column full-width mg-t-05 pd-0">' +
-				'<div class="flex flex--nowrap">' +
-				'<div class="flex__item--noShrink flex__item--noGrow mg-05">' +
-					'<img class="chat-commerce-rich-content__image chat-commerce-rich-content__image--xlarge" src="' + utils.quote_attr(image_url) + '">' +
-				'</div>' +
-				'<div class="flex__item--grow mg-05 mg-r-05">' +
-					'<div class="font-size-4">' + utils.sanitize(title) + '</div>';
-
-			if ( Intl && commerce.numCrates > 0 ) {
-				out += '<div class="chat-commerce-rich-content__subtext mg-t-05">' +
-					Intl.t('gameCommerce.purchaseNotifications.plusCrates.richContentMessage', {
-						numCrates: commerce.numCrates,
-						numRewards: crated.length
-					}) +
-					'</div>';
-			}
-
-			out += '</div>';
-
-			if ( crated.length ) {
-				out += '<div class="border-1 pd-05 flex flex--nowrap justify-content-center align-items-center font-size-4 flex__item--noShrink' + (show_drawer ? ' chat-commerce-right-content__pocket--button' : '') + '">';
-
-				if ( show_drawer ) {
-					if ( drawer_open )
-						out += '<div><figure class="icon chat-commerce-rich-content__caret">' + constants.COMMERCE_CARET + '</figure></div>';
-					else
-						out += '<div class="flex flex--nowrap">' +
-							this.buildPurchaseContentItemHTML(crated[0], 'align-self-center') +
-							'<div class="align-self-center pill pill--red flex__item--noShrink">+' +
-							((crated.length||0) - 1) + '</div>' +
-							'</div>';
-				} else
-					for(var i=0; i < crated.length; i++)
-						out += this.buildPurchaseContentItemHTML(crated[i]);
-
-				out += '</div>';
-			}
-
-			out += '</div></div>';
-
-			if ( show_drawer && drawer_open ) {
-				out += '<div class="chat-commerce-rich-content__drawer flex flex--horizontalEnd align-content-center align-items-center pd-05 pd-t-0">';
-				for(var i=0; i < crated.length; i++)
-					out += this.buildPurchaseContentItemHTML(crated[i], 'mg-r-05 mg-t-05');
-				out += '</div>';
-			}
-
-			return out;
-		},
-
-		buildPurchaseContentItemHTML: function(loot, extra_classes) {
-			var loot_type = loot.type,
-				out;
-
-			if ( loot_type === 'emoticon' )
-				out = '<img src="//static-cdn.jtvnw.net/emoticons/v1/' + utils.quote_san(loot.id) + '/2.0">';
-
-			else if ( loot_type === 'bits' ) {
-				var amount = loot.quantity,
-					tier = bits_service.ffz_get_tier('Cheer', amount) || [null, null];
-				if ( tier[1] )
-					out = '<span class="emoticon js-bits-emote-image ffz-bit bit-prefix-Cheer bit-tier-' + tier[0] + ' inventory-bits__image" data-prefix="Cheer" data-amount="' + utils.number_commas(amount) + '"></span>';
-
-			} else if ( loot.img )
-				out = '<img src="' + utils.quote_san(loot.img) + '">';
-
-			return out ? '<div class="chat-commerce-rich-content__' + utils.quote_san(loot_type) + ' chat-commerce-rich-content__image' + (extra_classes ? ' ' + extra_classes : '') + '">' + out + '</div>' : '';
-		},
-
-		buildBadgesHTML: function() {
-			if ( ! this.get('msgObject.room') && this.get('msgObject.payday_timestamp') )
-				this.set('msgObject.room', Chat.get('currentRoom.id'));
-
-			return '<span class="badges">' + f.render_badges(f.get_line_badges(this.get('msgObject'))) + '</span>';
-		},
-
-		buildSenderHTML: function() {
-			var output = '';
-
-			// Timestamp
-			var timestamp = this.get('timestamp');
-			if ( timestamp )
-				output += '<span class="timestamp">' + timestamp + '</span> ';
-
-			// Moderator Actions
-			output += this.buildModIconsHTML();
-
-			// Badges
-			output += this.buildBadgesHTML();
-
-			// From!
-			output += this.buildFromHTML();
-
-			if ( this.get('msgObject.to') ) {
-				output += "<svg class='svg-whisper-arrow' height='10px' version='1.1' width='16px'><polyline points='6 2, 10 6, 6 10, 6 2' /></svg>";
-				output += this.buildFromHTML(true);
-			}
-
-			return output + '<span class="colon">:</span> ';
-		},
-
-		buildDeletedMessageHTML: function() {
-			return '<span class="deleted"><a class="undelete" href=#">&lt;message deleted&gt;</a></span>';
-		},
-
-		buildMessageHTML: function() {
-			var output,
-				recipient = this.get('msgObject.to'),
-				is_whisper = recipient && recipient.length;
-
-			if ( this.get('msgObject.style') === 'action' ) {
-				var raw_color = this.get('msgObject.color'),
-					colors = raw_color && f._handle_color(raw_color),
-					is_replay = this.get('ffz_is_replay'),
-					is_dark = (ThemeManager && ThemeManager.get('themes.activeTheme') === 'theme--dark') || (Layout && Layout.get('isTheatreMode')) || (is_replay ? f.settings.dark_twitch : (Settings && Settings.get('darkMode')));
-
-				if ( raw_color )
-					output = '<span class="message has-color' + (is_replay ? ' replay-color' : '') + '" style="color:' + (is_dark ? colors[1] : colors[0]) + '" data-color="' + raw_color + '">';
-				else
-					output = '<span class="message">';
-			} else
-				output = '<span class="message">';
-
-			var body = f.render_tokens(this.get('ffzTokenizedMessage'), true, is_whisper && f.settings.filter_whispered_links && this.get("ffzUserLevel") < 4, this.get('isBitsEnabled'));
-			if ( this.get('msgObject.ffz_line_returns') )
-				body = body.replace(/\n/g, '<br>');
-
-			output += body;
-
-			/*var old_messages = this.get('msgObject.ffz_old_messages');
-			if ( old_messages && old_messages.length )
-				output += '<div class="button primary float-right ffz-old-messages">Show ' + utils.number_commas(old_messages.length) + ' Old</div>';*/
-
-			return output + '</span>';
-		},
-
-		buildAutoModHTML: function() {
-			if ( this.get('hasClickedFlaggedMessage') )
-				return ' <span class="system-msg">Thank you for your response!</span>';
-
-			if ( ! this.get('isAutoModPromptSmaller') )
-				return  '<p class="inline-warning">' + TB_TOOLTIP + '</p>' +
-					'<div class="pd-y-1 clearfix">' +
-						'<a class="button button--small button--alert float-left mg-r-1 tb-button" data-action="no">Deny</a>' +
-						'<a class="button button--small float-left mg-r-1 tb-button" data-action="yes">Allow</a>' +
-						'<a class="button button--small button--text float-left tb-button" data-action="not sure">Not Sure</a>' +
-					'</div>';
-
-			var line = f._build_mod_card_history(this.get('msgObject.autoModRejectedMsgObject'), null, true, null, null, false);
-			line.classList.add('mg-y-05');
-
-			return ' <span class="system-msg">Allow will post it to chat.</span>' +
-				'<div class="float-right">' +
-					'<a class="button button--text button--small tb-button" data-action="yes">Allow</a>' +
-					'<a class="button button--text button--small tb-button" data-action="no">Deny</a>' +
-				'</div>' +
-				'<div style="clear:both"></div>' +
-				line.outerHTML;
-		},
-
-		ffzRender: function() {
-			var el = this.get('element'),
-				output = '<div class="indicator"></div>';
-
-			output += this.buildSystemMessageHTML();
-
-			if ( this.get('ffzShouldRenderMessageBody') ) {
-				output += this.buildSenderHTML();
-				output += this.get('msgObject.deleted') ?
-					this.buildDeletedMessageHTML() : this.buildMessageHTML();
-			}
-
-			if ( (this.get('isAutoModPromptSmaller') || ! f.settings.automod_inline) && this.get('msgObject.autoModRejected') )
-				output += this.buildAutoModHTML();
-
-			if ( this.get('msgObject.tags.content') )
-				output += '<div class="ffz-rich-content">' + this.buildRichContentHTML() + '</div>';
-
-			el.innerHTML = output;
-		},
-
-		systemMsg: function() {
-			return this.get('msgObject.tags.system-msg')
-		}.property('msgObject.tags.system-msg'),
-
-		ffzShouldRenderMessageBody: function() {
-			return ! this.get('hasSystemMsg') || this.get('hasMessageBody');
-		}.property('hasSystemMsg', 'hasMessageBody'),
-
-		hasSystemMsg: function() {
-			var msg = this.get('msgObject.tags.system-msg');
-			return msg && msg.length > 0;
-		}.property('msgObject.tags.system-msg'),
-
-		shouldRenderMessageBody: function() {
-			return false;
-		}.property(),
-
-		ffzIsSpecialMessage: function() {
-			return this.get('hasSystemMsg') || this.get('msgObject.from') === 'twitchnotify';
-		}.property('hasSystemMsg', 'msgObject.from'),
-
-		ffzWasDeleted: function() {
-			return f.settings.prevent_clear && this.get("msgObject.ffz_deleted")
-		}.property("msgObject.ffz_deleted"),
-
-		ffzHasOldMessages: function() {
-			var old_messages = this.get("msgObject.ffz_old_messages");
-			return old_messages && old_messages.length;
-		}.property("msgObject.ffz_old_messages")
-	});
-}
-
-
-FFZ.prototype._modify_chat_subline = function(component, is_whisper) {
-	var f = this,
-		PinnedCheers = utils.ember_lookup('service:bits-pinned-cheers');
-
-	this._modify_chat_line(component);
-
-	component.reopen({
-		classNameBindings: is_whisper ?
-			[':whisper-line', ':chat-line', 'isReceivedWhisper:whisper-incoming:whisper-outgoing'] :
-			["msgObject.isModerationMessage:moderation-message", "msgObject.ffz_has_mention:ffz-mentioned", "ffzIsSpecialMessage:special-message", "ffzWasDeleted:ffz-deleted", "ffzHasOldMessages:clearfix", "ffzHasOldMessages:ffz-has-deleted"],
-		attributeBindings: is_whisper ?
-			['msgObject.nonce:data-nonce', 'msgObject.tags.id:data-id', 'msgObject.from:data-sender'] :
-			["msgObject.tags.id:data-id", "msgObject.room:data-room", "msgObject.from:data-sender", "msgObject.deleted:data-deleted"],
-
-		didInsertElement: function() {
-			if ( this.get('msgObject') ) {
-				this.set('msgObject._line', this);
-				this.ffzRender();
-			}
-		},
-
-		ffz_update: function() {
-			if ( this.get('msgObject') ) {
-				this.set('msgObject._line', this);
-				this.ffzRender();
-			}
-		},
-
-		willClearRender: function() {
-			if ( this.get('msgObject') )
-				this.set('msgObject._line', null);
-		},
-
-		//didUpdate: function() { this.ffzRender(); },
-
-		ffzBuildModMenu: function(el) {
-			var t = this,
-				setting = f.settings.mod_button_context,
-				cl = el.classList,
-				from = this.get("msgObject.from"),
-				cmd = el.getAttribute('data-cmd'),
-				trail = '';
-
-			if ( ! cmd && cl.contains('ban') )
-				cmd = "/ban " + from;
-			else if ( ! cmd && cl.contains('timeout') )
-				cmd = "/timeout " + from + " 600";
-			else if ( ! cmd || cl.contains('unban') )
-				return; // We can't send mod reasons for unbans and we need a command.
-			else {
-				var lines = cmd.split("\n"),
-					first_line = lines.shift(),
-					trail = lines.length ? "\n" + lines.join("\n") : "",
-					match = BAN_SPLIT.exec(first_line);
-
-				// If the line didn't match this, it's invalid.
-				if ( ! match )
-					return;
-
-				cmd = match[1] ? '/ban ' + match[1] :
-					match[2] ? '/timeout ' + match[2] + ' ' + (match[3] || '600') :
-					'/timeout_message ' + match[4] + ' ' + match[5] + ' ' + (match[6] || '600');
-
-				if ( match[7] )
-					trail = match[7] = trail;
-			}
-
-			var bl = utils.createElement('ul', 'balloon__list'),
-				balloon = utils.createElement('div', 'balloon balloon--dropmenu ffz-mod-balloon', bl),
-				bc = utils.createElement('div', 'balloon-wrapper', balloon),
-				has_items = false,
-
-				is_ban = cmd.substr(1, 4) === 'ban ',
-				is_timeout = cmd.substr(1, 8) === 'timeout ',
-				title = utils.createElement('li', 'ffz-title');
-
-			title.textContent = (is_ban ? 'Ban ' : (is_timeout ? 'Timeout ' : 'Remove Message and Timeout ')) + from + ' for...';
-			bl.appendChild(title);
-			bl.appendChild(utils.createElement('li', 'balloon__stroke'));
-
-			var btn_click = function(reason, e) {
-				if ( e.button !== 0 )
-					return;
-
-				var room_id = t.get('msgObject.room'),
-					room = room_id && f.rooms[room_id] && f.rooms[room_id].room;
-
-				if ( room ) {
-					cmd = cmd + ' ' + reason + (trail ? (trail[0] === '\n' ? '' : ' ') + trail : '');
-					var lines = cmd.split("\n");
-					for(var i=0; i < lines.length; i++)
-						room.send(lines[i], true);
-
-					if ( cl.contains('is-timeout') )
-						room.clearMessages(from, null, true);
-				}
-
-				f.close_popup();
-				e.stopImmediatePropagation();
-				e.preventDefault();
-				return false;
-			};
-
-			if ( setting & 1 )
-				for(var i=0; i < f.settings.mod_card_reasons.length; i++) {
-					var btn = utils.createElement('div', 'balloon__link ellipsis'),
-						line = utils.createElement('li', '', btn),
-						reason = f.settings.mod_card_reasons[i];
-
-					btn.textContent = btn.title = reason;
-					btn.addEventListener('click', btn_click.bind(btn, reason));
-					bl.appendChild(line);
-					has_items = true;
-				}
-
-			if ( setting & 2 ) {
-				var room_id = t.get('msgObject.room'),
-					room = room_id && f.rooms[room_id] && f.rooms[room_id].room,
-					rules = room && room.get('roomProperties.chat_rules');
-
-				if ( rules && rules.length ) {
-					if ( has_items )
-						bl.appendChild(utils.createElement('li', 'balloon__stroke'));
-
-					for(var i=0; i < rules.length; i++) {
-						var btn = utils.createElement('div', 'balloon__link ellipsis'),
-							line = utils.createElement('li', '', btn),
-							reason = rules[i];
-
-						btn.textContent = btn.title = reason;
-						btn.addEventListener('click', btn_click.bind(btn, reason));
-						bl.appendChild(line);
-						has_items = true;
-					}
-				}
-			}
-
-			if ( ! has_items )
-				return false;
-
-			var rect = el.getBoundingClientRect(),
-				is_bottom = rect.top > (window.innerHeight / 2),
-				position = [rect.left, (is_bottom ? rect.top : rect.bottom)];
-
-			balloon.classList.add('balloon--' + (is_bottom ? 'up' : 'down'));
-
-			f.show_popup(bc, position, utils.find_parent(this.get('element'), 'chat-messages'));
-			return true;
-		},
-
-		contextMenu: function(e) {
-			if ( ! e.target )
-				return;
-
-			var cl = e.target.classList,
-				from = this.get("msgObject.from"),
-				abort = false;
-
-			// We only want to show a context menu for mod icons right now.
-			if ( cl.contains('mod-icon') )
-				abort |= this.ffzBuildModMenu(e.target);
-
-			if ( abort ) {
-				e.stopImmediatePropagation();
-				e.preventDefault();
-			}
-		},
-
-		click: function(e) {
-			if ( ! e.target )
-				return;
-
-			var cl = e.target.classList,
-				from = this.get("msgObject.from"),
-				msg_id = this.get("msgObject.tags.id");
-
-			/*if ( cl.contains('ffz-old-messages') )
-				return f._show_deleted(this.get('msgObject.room'));*/
-
-			if ( cl.contains('deleted-word') ) {
-				jQuery(e.target).trigger('mouseout');
-				e.target.outerHTML = e.target.getAttribute('data-text');
-
-			} else if ( cl.contains('deleted-link') )
-				return f._deleted_link_click.call(e.target, e);
-
-			else if ( cl.contains('tb-button') ) {
-				jQuery(e.target).trigger('mouseout');
-				e.preventDefault();
-				this.actions.clickedAutoModResponse.call(this, msg_id, e.target.dataset.action);
-
-			}
-
-			else if ( cl.contains('mod-icon') ) {
-
-				jQuery(e.target).trigger('mouseout');
-				e.preventDefault();
-
-				if ( cl.contains('inactive') )
-					return;
-
-				else if ( cl.contains('pc-dismiss-local') )
-					PinnedCheers.dismissLocalMessage();
-
-				else if ( cl.contains('pc-dismiss') )
-					PinnedCheers.dismissMessage(
-						this.get('ffzPinnedParent.userData.id'),
-						this.get('msgObject.is_pinned_cheer') === 2 ? 'top' : 'recent'
-					);
-
-				else if ( cl.contains('tb-reject') )
-					this.actions.clickedAutoModResponse.call(this, msg_id, 'no');
-
-				else if ( cl.contains('tb-allow') )
-					this.actions.clickedAutoModResponse.call(this, msg_id, 'yes');
-
-				else if ( ! from )
-					return;
-
-				else if ( cl.contains('ban') )
-					this.sendAction("banUser", {user:from});
-
-				else if ( cl.contains('unban') )
-					this.sendAction("unbanUser", {user:from});
-
-				else if ( cl.contains('timeout') )
-					this.sendAction("timeoutUser", {user:from});
-
-				else if ( cl.contains('custom')  ) {
-					var room_id = this.get('msgObject.room'),
-						room = room_id && f.rooms[room_id] && f.rooms[room_id].room,
-						cmd = e.target.getAttribute('data-cmd');
-
-					if ( room ) {
-						var lines = cmd.split("\n");
-						for(var i=0; i < lines.length; i++)
-							room.send(lines[i], true);
-
-						if ( cl.contains('is-timeout') )
-							room.clearMessages(from, null, true);
-					}
-					return;
-
-				}
-
-			} else if ( cl.contains('badge') ) {
-				if ( cl.contains('click_action') ) {
-					var badge = f.badges && f.badges[e.target.getAttribute('data-badge-id')];
-					if ( badge.click_action )
-						badge.click_action.call(f, this.get('msgObject'), e);
-
-				} else if ( cl.contains('click_url') )
-					window.open(e.target.getAttribute('data-url'), "_blank");
-
-				else if ( cl.contains('turbo') )
-					window.open("/products/turbo?ref=chat_badge", "_blank");
-
-				else if ( cl.contains('subscriber') )
-					this.sendAction("clickSubscriber");
-
-			} else if ( f._click_emote(e.target, e) )
-				return;
-
-			else if ( (f.settings.clickable_mentions && cl.contains('user-token')) || cl.contains('from') || cl.contains('to') || e.target.parentElement.classList.contains('from') || e.target.parentElement.classList.contains('to') ) {
-				var target = e.target.getAttribute('data-user') ||
-					((cl.contains('from') || e.target.parentElement.classList.contains('from')) ?
-						from :
-						this.get('msgObject.to'));
-
-				if ( ! target )
-					return;
-
-				e.preventDefault();
-
-				var n = this.get('element'),
-					bounds = n && n.getBoundingClientRect() || document.body.getBoundingClientRect(),
-					x = 0, right;
-
-				if ( bounds.left > 400 )
-					right = bounds.left - 40;
-
-				this.sendAction("showModOverlay", {
-					left: bounds.left,
-					right: right,
-					top: bounds.top + bounds.height,
-					real_top: bounds.top,
-					sender: target
-				});
-
-			} else if ( cl.contains('undelete') ) {
-				e.preventDefault();
-				this.set("msgObject.deleted", false);
-
-			} else if ( cl.contains('chat-commerce-right-content__pocket--button') ) {
-				e.preventDefault();
-				this._ffz_commerce_drawer_open = !this._ffz_commerce_drawer_open;
-				this.ffzUpdateRichContent();
-			}
-		}
-	});
-
-	try {
-		component.create().destroy()
-	} catch(err) { }
-}
-
-
-FFZ.prototype._modify_vod_line = function(component) {
-	var f = this;
-	// We need to override a few things.
-	this._modify_chat_line(component, true);
-
-	component.reopen({
-		ffz_is_replay: true,
-
-		/*lineChanged: Ember.observer("msgObject.deleted", "isModeratorOrHigher", function() {
-			this.$(".mod-icons").replaceWith(this.buildModIconsHTML());
-			if ( this.get("msgObject.deleted") )
-				this.$(".message").replaceWith(this.buildMessageHTML());
-			else
-				this.$(".deleted").replaceWith(this.buildMessageHTML());
-		}),*/
-
-		classNameBindings: ["msgObject.ffz_has_mention:ffz-mentioned"],
-		attributeBindings: ["msgObject.room:data-room", "msgObject.from:data-sender", "msgObject.deleted:data-deleted"],
-
-		tokenizedMessage: function() {
-			return [];
-		}.property('msgObject.message'),
-
-		ffzTokenizedMessage: function() {
-			try {
-				return f.tokenize_vod_line(this.get('msgObject'), !(this.get('enableLinkification') || this.get('isModeratorOrHigher')));
-			} catch(err) {
-				f.error("vod-chat-line tokenizedMessage: " + err);
-				return this._super();
-			}
-		}.property("msgObject.message", "currentUserNick", "msgObject.from", "msgObject.tags.emotes"),
-
-		buildHorizontalLineHTML: function() {
-			return '<div class="horizontal-line"><span>' + this.get('msgObject.timestamp') + '</span></div>';
-		},
-
-		buildModIconsHTML: function() {
-			if ( ! this.get("isViewerModeratorOrHigher") || this.get("isModeratorOrHigher") )
-				return "";
-
-			return '<span class="mod-icons">' +
-				(this.get('msgObject.deleted') ?
-					'<em class="mod-icon unban"></em>' :
-					'<a class="mod-icon html-tooltip delete" title="Delete Message" href="#">Delete</a>') + '</span>';
-		},
-
-		buildDeletedMesageHTML: function() {
-			return '<span clas="deleted">&lt;message deleted&gt;</span>';
-		},
-
-		//didUpdate: function() { this.ffzRender() },
-		didInsertElement: function() { this.ffzRender() },
-
-		ffzRender: function() {
-			var el = this.get('element'), output;
-
-			if ( this.get('msgObject.isHorizontalLine') )
-				output = this.buildHorizontalLineHTML();
-			else {
-				output = this.buildSenderHTML();
-				if ( this.get('msgObject.deleted') )
-					output += this.buildDeletedMessageHTML()
-				else
-					output += this.buildMessageHTML();
-			}
-
-			el.innerHTML = output;
-		},
-
-		click: function(e) {
-			var cl = e.target.classList;
-
-			if ( cl.contains('badge') ) {
-				if ( cl.contains('click_url') )
-					window.open(e.target.getAttribute('data-url'), "_blank");
-
-				else if ( cl.contains('turbo') )
-					window.open("/products/turbo?ref=chat_badge", "_blank");
-
-				else if ( cl.contains('subscriber') )
-					this.sendAction("clickSubscriber");
-
-			} else if ( cl.contains('delete') ) {
-				e.preventDefault();
-				this.sendAction("timeoutUser", this.get("msgObject.id"));
-			}
-		}
-	});
-
-	try {
-		component.create().destroy()
-	} catch(err) { }
-}
-
-
-// ---------------------
-// Capitalization
-// ---------------------
-
-FFZ.capitalization = {};
-FFZ._cap_fetching = 0;
-FFZ._cap_waiting = {};
-
-FFZ.get_capitalization = function(name, callback) {
-	if ( ! name )
-		return name;
-
-	name = name.toLowerCase();
-	if ( name == "jtv" || name == "twitchnotify" )
-		return name;
-
-	var old_data = FFZ.capitalization[name];
-	if ( old_data ) {
-		if ( Date.now() - old_data[1] < 3600000 )
-			return old_data[0];
-	}
-
-	if ( FFZ._cap_waiting[name] )
-		FFZ._cap_waiting[name].push(callback);
-
-	else if ( FFZ._cap_fetching < 25 ) {
-		FFZ._cap_fetching++;
-		FFZ._cap_waiting[name] = [callback];
-
-		FFZ.get().ws_send("get_display_name", name, function(success, data) {
-			var cap_name = success ? data : name,
-				waiting = FFZ._cap_waiting[name];
-
-			FFZ.capitalization[name] = [cap_name, Date.now()];
-			FFZ._cap_fetching--;
-			FFZ._cap_waiting[name] = false;
-
-			for(var i=0; i < waiting.length; i++)
-				try {
-					typeof waiting[i] === "function" && waiting[i](cap_name);
-				} catch(err) { }
-		}, true);
-	}
-
-	return old_data ? old_data[0] : name;
-}
-
-
-// ---------------------
-// Banned Words
-// ---------------------
-
-FFZ.prototype._remove_banned = function(tokens) {
-	var banned_words = this.settings.banned_words;
-	if ( ! banned_words || ! banned_words.length )
-		return tokens;
-
-	if ( typeof tokens == "string" )
-		tokens = [tokens];
-
-	var regex = FFZ._words_to_regex(banned_words),
-		new_tokens = [];
-
-	for(var i=0, l = tokens.length; i < l; i++) {
-		var token = tokens[i];
-		if ( typeof token === "string" )
-			token = {type: "text", text: token};
-
-		if ( token.type === "text" && regex.test(token.text) ) {
-			token = token.text.replace(regex, function(all, prefix, match) {
-				if ( prefix.length )
-					new_tokens.push({type: "text", text: prefix});
-				new_tokens.push({
-					type: "deleted",
-					length: match.length,
-					text: match
-				});
-
-				return "";
-			});
-
-			if ( token )
-				new_tokens.push({type: "text", text: token});
-
-		} else if ( token.type === "emoticon" && regex.test(token.altText) ) {
-			token = token.altText.replace(regex, function(all, prefix, match) {
-				if ( prefix.length )
-					new_tokens.push({type: "text", text: prefix});
-				new_tokens.push({
-					type: "deleted",
-					length: match.length,
-					text: match
-				});
-
-				return "";
-			});
-
-			if ( token )
-				new_tokens.push({type: "text", text: token});
-
-		} else if ( token.type === "link" && regex.test(token.text) )
-			new_tokens.push({
-				type: "link",
-				isDeleted: true,
-				isMailTo: token.isMailTo,
-				isLong: false,
-				length: token.text.length,
-				censoredLink: token.text.replace(regex, "$1***"),
-				link: token.link,
-				text: token.text
-			});
-
-		else
-			new_tokens.push(token);
-	}
-
-	return new_tokens;
-}
-
-
-// ---------------------
-// Emoticon Replacement
-// ---------------------
-
-FFZ.prototype._emoticonize = function(component, tokens) {
-	var room_id = component.get("msgObject.room"),
-		user_id = component.get("msgObject.from");
-
-	return this.tokenize_emotes(user_id, room_id, tokens);
-}
\ No newline at end of file
diff --git a/src/ember/moderation-card.js b/src/ember/moderation-card.js
deleted file mode 100644
index ecd9257f..00000000
--- a/src/ember/moderation-card.js
+++ /dev/null
@@ -1,1825 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require("../utils"),
-	constants = require("../constants"),
-	styles = require("../compiled_styles"),
-	helpers,
-
-	TO_REG = /^\/t(?:imeout)? +([^ ]+)(?: +(\d+)(?: +(.+))?)?$/,
-	BAN_REG = /^\/b(?:an)? +([^ ]+)(?: +(.+))?$/,
-
-	keycodes = {
-		ESC: 27,
-		R: 82,
-		P: 80,
-		B: 66,
-		T: 84,
-		U: 85,
-		C: 67,
-		H: 72,
-		S: 83,
-		Y: 89,
-		N: 78
-		},
-
-	MESSAGE = '<svg class="svg-messages" height="16px" version="1.1" viewBox="0 0 18 18" width="16px" x="0px" y="0px"><path clip-rule="evenodd" d="M1,15V3h16v12H1z M15.354,5.354l-0.707-0.707L9,10.293L3.354,4.646L2.646,5.354L6.293,9l-3.646,3.646l0.707,0.707L7,9.707l1.646,1.646h0.707L11,9.707l3.646,3.646l0.707-0.707L11.707,9L15.354,5.354z" fill-rule="evenodd"></path></svg>',
-	CHECK = '<svg class="svg-unban" height="16px" version="1.1" viewBox="0 0 16 16" width="16px" x="0px" y="0px"><path fill-rule="evenodd" clip-rule="evenodd" fill="#888888" d="M6.5,12.75L2,8.25l2-2l2.5,2.5l5.5-5.5l2,2L6.5,12.75z"/></svg>';
-
-
-try {
-	helpers = window.require && window.require("web-client/helpers/chat/chat-line-helpers");
-} catch(err) { }
-
-
-// ----------------
-// Settings
-// ----------------
-
-FFZ.settings_info.disable_bttv_mod_cards = {
-	type: "boolean",
-	value: false,
-
-	require_bttv: 7,
-
-	category: "Chat Moderation",
-	name: "Disable BTTV Mod Cards",
-	help: "This disables mod cards from BetterTTV, forcing FFZ mod cards to show instead.",
-
-	on_update: function(val) {
-		var CL = utils.ember_resolve('component:chat/chat-line'),
-			views = CL ? utils.ember_views() : [];
-
-		for(var vid in views) {
-			var view = views[vid];
-			if ( view instanceof CL && view.buildFromHTML ) {
-				view.$('.from').replaceWith(view.buildFromHTML());
-				if ( view.get('msgObject.to') )
-					view.$('.to').replaceWith(view.buildFromHTML(true));
-			}
-		}
-	}
-};
-
-
-FFZ.basic_settings.enhanced_moderation_cards = {
-	type: "boolean",
-
-	no_bttv: true,
-
-	category: "Chat",
-	name: "Enhanced Moderation Cards",
-	help: "Improve moderation cards with hotkeys, additional buttons, chat history, and other information to make moderating easier.",
-
-	get: function() {
-		return this.settings.mod_card_hotkeys &&
-				this.settings.mod_card_info &&
-				this.settings.mod_card_history;
-	},
-
-	set: function(val) {
-		this.settings.set('mod_card_hotkeys', val);
-		this.settings.set('mod_card_info', val);
-		this.settings.set('mod_card_history', val);
-	}
-};
-
-
-FFZ.basic_settings.chat_hover_pause = {
-	type: "boolean",
-
-	no_bttv: 6,
-
-	category: "Chat",
-	name: "Pause Chat Scrolling on Mouse Hover",
-	help: "Automatically prevent the chat from scrolling when moving the mouse over it to prevent moderation mistakes and link misclicks.",
-
-	get: 'chat_hover_pause',
-	set: 'chat_hover_pause'
-};
-
-
-FFZ.settings_info.highlight_messages_with_mod_card = {
-	type: "boolean",
-	value: false,
-
-	no_bttv: true,
-	category: "Chat Moderation",
-	name: "Highlight Messages with Mod Card Open",
-	help: "Highlight a user's messages in chat when their moderation card is open.",
-
-	on_update: function(val) {
-		if ( ! this._mod_card )
-			return;
-
-		if ( val )
-			utils.update_css(this._chat_style, 'mod-card-highlight', styles['chat-user-bg'].replace(/{user_id}/g, this._mod_card.get('cardInfo.user.id')));
-		else
-			utils.update_css(this._chat_style, 'mod-card-highlight');
-	}
-};
-
-
-FFZ.settings_info.logviewer_test = {
-	type: "boolean",
-	value: true,
-
-	no_bttv: true,
-
-	category: "Chat Moderation",
-	name: "Logviewer Integration",
-	help: "Display information from CBenni's Logviewer directly on moderation cards."
-}
-
-
-FFZ.settings_info.chat_mod_icon_visibility = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "Enabled",
-		2: "When Ctrl is Held",
-		3: "When " + constants.META_NAME + " is Held",
-		4: "When Alt is Held",
-		5: "When Shift is Held"
-	},
-
-	value: function() {
-		return this.settings.get_twitch("showModIcons") ? 1 : 0;
-	},
-
-	process_value: utils.process_int(0),
-
-	no_bttv: 6,
-
-	category: "Chat Moderation",
-	name: "Display In-Line Mod Icons",
-	help: "Choose when you should see in-line moderation icons in chat.",
-
-	on_update: function(val) {
-		var settings = utils.ember_settings();
-		if ( settings )
-			settings.set('showModIcons', val === 1);
-	}
-}
-
-
-FFZ.settings_info.chat_hover_pause = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "On Hover",
-		2: "When Ctrl is Held",
-		3: "When " + constants.META_NAME + " is Held",
-		4: "When Alt is Held",
-		5: "When Shift is Held",
-
-		6: "Ctrl or Hover",
-		7: constants.META_NAME + " or Hover",
-		8: "Alt or Hover",
-		9: "Shift or Hover"
-	},
-
-	value: 0,
-	process_value: utils.process_int(0, 0, 1),
-
-	no_bttv: 6,
-
-	category: "Chat Moderation",
-	name: "Pause Chat Scrolling",
-	help: "Automatically prevent the chat from scrolling when moving the mouse over it or holding Ctrl to prevent moderation mistakes and link misclicks.",
-
-	on_update: function(val) {
-			if ( ! this._roomv )
-				return;
-
-			this._roomv.ffzDisableFreeze();
-
-			// Remove the old warning to make sure the label updates.
-			var el = this._roomv.get('element'),
-				warning = el && el.querySelector('.chat-interface .more-messages-indicator.ffz-freeze-indicator');
-			if ( warning )
-				warning.parentElement.removeChild(warning);
-
-			if ( val )
-				this._roomv.ffzEnableFreeze();
-		}
-	};
-
-
-FFZ.settings_info.short_commands = {
-	type: "boolean",
-	value: true,
-
-	no_bttv: 6,
-
-	category: "Chat Moderation",
-	name: "Short Moderation Commands",
-	help: "Use /t, /b, and /u in chat in place of /timeout, /ban, /unban for quicker moderation, and use /p for 1 second timeouts."
-};
-
-
-FFZ.settings_info.mod_card_hotkeys = {
-	type: "boolean",
-	value: false,
-
-	no_bttv: true,
-
-	category: "Chat Moderation",
-	name: "Moderation Card Hotkeys",
-	help: "With a moderation card selected, press B to ban the user, T to time them out for 10 minutes, P to time them out for 1 second, or U to unban them. ESC closes the card."
-};
-
-
-FFZ.settings_info.mod_card_info = {
-	type: "boolean",
-	value: true,
-
-	no_bttv: true,
-
-	category: "Chat Moderation",
-	name: "Moderation Card Additional Information",
-	help: "Display a channel's follower count, view count, and account age on moderation cards."
-};
-
-
-FFZ.settings_info.timeout_notices = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "If I'm a Moderator",
-		2: "Always"
-	},
-
-	value: 1,
-	process_value: utils.process_int(1),
-
-	no_bttv: 6,
-
-	category: "Chat Moderation",
-	name: "Display Timeout / Ban Notices",
-	help: "Display notices in chat when a user is timed out or banned. (You always see your own bans.)"
-};
-
-
-FFZ.settings_info.mod_card_history = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "On Rooms without Logviewer",
-		2: "Always"
-	},
-
-	value: 0,
-	process_value: utils.process_int(0, 0, 1),
-
-	no_bttv: true,
-	category: "Chat Moderation",
-
-	name: "Moderation Card History",
-	help: "Display a few of the user's previously sent messages on moderation cards.",
-
-	on_update: function(val) {
-		if ( val === 2 || ! this.rooms )
-			return;
-
-		// Delete all history~!
-		for(var room_id in this.rooms) {
-			var room = this.rooms[room_id];
-			if ( room && (val === 0 || room.has_logs) )
-				room.user_history = undefined;
-		}
-	}
-};
-
-
-FFZ.settings_info.mod_button_context = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "Show Ban Reasons Only",
-		2: "Show Chat Rules Only",
-		3: "Ban Reasons + Chat Rules"
-	},
-
-	value: 3,
-	process_value: utils.process_int(3),
-
-	no_bttv: 6,
-
-	category: "Chat Moderation",
-	name: "Mod Icon Context Menus",
-	help: "Choose the available options when right-clicking an in-line moderation icon."
-};
-
-
-FFZ.settings_info.mod_card_reasons = {
-	type: "button",
-	value: [
-		"One-Man Spam",
-		"Posting Bad Links",
-		"Ban Evasion",
-		"Threats / Personal Info",
-		"Hate / Harassment",
-		"Ignoring Broadcaster / Moderators"
-	],
-
-	category: "Chat Moderation",
-	no_bttv: 6,
-
-	name: "Ban / Timeout Reasons",
-	help: "Change the available options in the chat ban reasons list shown in moderation cards and when right-clicking an in-line ban or timeout button.",
-
-	method: function() {
-		var f = this,
-			old_val = this.settings.mod_card_reasons.join("\n"),
-			input = utils.createElement('textarea');
-
-		input.style.marginBottom = "20px";
-
-		utils.prompt(
-			"Moderation Card Ban Reasons",
-			"Please enter a list of ban reasons to select from. One item per line.",
-			old_val,
-			function(new_val) {
-				if ( new_val === null || new_val === undefined )
-					return;
-
-				var vals = new_val.trim().split(/\s*\n\s*/g),
-					i = vals.length;
-
-				while(i--)
-					if ( vals[i].length === 0 )
-						vals.splice(i,1);
-
-				f.settings.set('mod_card_reasons', vals);
-			},
-			600, input
-		);
-	}
-};
-
-
-FFZ.settings_info.mod_buttons = {
-	type: "button",
-
-	// Special Values
-	//    false = Ban/Unban
-	//  integer = Timeout (that amount of time)
-	value: [['', false, false], ['',600, false]], //, ['', 1, false]],
-
-	no_bttv: 6,
-
-	category: "Chat Moderation",
-	name: "Custom In-Line Moderation Icons",
-	help: "Change out the different in-line moderation icons to use any command quickly.",
-
-	method: function() {
-		var f = this,
-			old_val = "",
-			input = utils.createElement('textarea');
-
-		input.style.marginBottom = '20px';
-		input.placeholder = '/ban\n600';
-
-		for(var i=0; i < this.settings.mod_buttons.length; i++) {
-			var pair = this.settings.mod_buttons[i],
-				prefix = pair[0], cmd = pair[1], had_prefix = pair[2], non_mod = pair[4];
-
-			if ( cmd === false )
-				cmd = "/ban";
-			else if ( cmd === 600 )
-				cmd = "/timeout";
-			else if ( typeof cmd !== "string" )
-				cmd = '' + cmd;
-
-			prefix = had_prefix ? 'name:' + prefix + '=' : '';
-			old_val += (old_val.length ? '\n' : '') + (non_mod ? 'nonmod:' : '') + prefix + cmd;
-		}
-
-		utils.prompt(
-			"Custom In-Line Moderation Icons",
-				"Please enter a list of commands to be displayed as moderation buttons within chat lines. " +
-				"One item per line. As a shortcut for specific duration timeouts, you can enter the number of seconds by itself. " +
-				" To send multiple commands, separate them with <code>&lt;LINE&gt;</code>. " +
-				"Variables, such as the target user's name, can be inserted into your commands. If no variables are detected " +
-				"in a line, <code>{user}</code> will be added to the end of the first command.<hr>" +
-
-				"To set a custom label for the button, start your line with <code>name:</code> followed by the " +
-				"name of the button. End the name with an equals sign. Only the first character will be displayed.<br>" +
-				"<strong>Example:</strong> <code>name:B=/ban {user}</code><hr>" +
-
-				"To create a button that will be visible even if you don't have moderator privileges over a user, " +
-				"start your line with <code>nonmod:</code><br>" +
-				"<strong>Example:</strong> <code>nonmod:/w some_bot !info {user}</code><hr>" +
-
-				"<strong>Allowed Variables</strong><br><table><tbody>" +
-				"<tr><td><code>{user}</code></td><td>target user's name</td>" +
-				"<td><code>{user_name}</code></td><td>target user's name</td></tr>" +
-				"<tr><td><code>{user_display_name}</code></td><td>target user's display name</td>" +
-				"<td><code>{user_id}</code></td><td>target user's numeric ID</td></tr>" +
-				"<tr><td><code>{room}</code></td><td>chat room's name</td>" +
-				"<td><code>{room_name}</code></td><td>chat room's name</td></tr>" +
-				"<tr><td><code>{room_display_name}</code></td><td>chat room's display name</td>" +
-				"<td><code>{room_id}</code></td><td>chat room's numeric ID</td></tr>" +
-				"<tr><td><code>{id}</code></td><td>message's UUID</td></tr>" +
-				"</tbody></table>",
-
-			old_val,
-			function(new_val) {
-				if ( new_val === null || new_val === undefined )
-					return;
-
-				var vals = new_val.trim().split(/\s*\n\s*/g),
-					output = [];
-
-				for(var i=0; i < vals.length; i++) {
-					var cmd = vals[i],
-						prefix,
-						is_emoji = false,
-						non_mod = /^nonmod:/.test(cmd);
-
-					if ( ! cmd || ! cmd.length )
-						continue;
-
-					if ( non_mod )
-						cmd = cmd.substr(7).trim();
-
-					var name_match = /^name:([^=]+)=/.exec(cmd);
-					if ( name_match ) {
-						label = name_match[1];
-
-						if ( window.punycode && punycode.ucs2 )
-							label = punycode.ucs2.encode([punycode.ucs2.decode(label)[0]]);
-
-						// Check for an emoji
-						var tokens = f.tokenize_emoji(label);
-						if ( tokens && tokens[0] && tokens[0].ffzEmoji )
-							is_emoji = tokens[0].ffzEmoji;
-
-						cmd = cmd.substr(name_match[0].length).trim();
-
-						if ( ! non_mod ) {
-							non_mod = /^nonmod:/.test(cmd);
-							if ( non_mod )
-								cmd = cmd.substr(7).trim();
-						}
-
-					} else
-						label = undefined;
-
-					// Check for a plain ban.
-					if ( /^\/b(?:an)?(?:\s+{user(?:_name)?})?\s*$/.test(cmd) )
-						cmd = false;
-
-					// Numeric Timeout
-					else if ( /^\d+$/.test(cmd) )
-						cmd = parseInt(cmd);
-
-					// Command Timeout
-					else if ( /^\/t(?:imeout)?(?:\s+{user(?:_name)?}(?:\s+(\d+))?)?\s*$/.test(cmd) ) {
-						cmd = parseInt(/^\/t(?:imeout)?(?:\s+{user(?:_name)?}(?:\s+(\d+))?)?\s*$/.exec(cmd)[1]);
-						if ( isNaN(cmd) || ! isFinite(cmd) )
-							cmd = 600;
-					}
-
-
-					// Okay. Do we still need a prefix?
-					if ( label === undefined ) {
-						var tmp;
-						if ( typeof cmd === "string" )
-							tmp = /\w/.exec(cmd);
-						else
-							tmp = utils.duration_string(cmd);
-
-						label = tmp && tmp.length ? tmp[0].toUpperCase() : 'C';
-					}
-
-					// Add {user} to the first command if it's a custom command and missing.
-					if ( typeof cmd === "string" ) {
-						utils.CMD_VAR_REGEX.lastIndex = 0;
-						if ( ! utils.CMD_VAR_REGEX.test(cmd) ) {
-							var lines = cmd.split(/\s*<LINE>\s*/g);
-							lines[0] += ' {user}';
-							cmd = lines.join("<LINE>");
-						}
-					}
-
-					output.push([label, cmd, name_match != null, is_emoji, non_mod]);
-				}
-
-				f.settings.set('mod_buttons', output);
-
-				// Update existing chat lines.
-				var CL = utils.ember_resolve('component:chat/chat-line'),
-					views = CL ? utils.ember_views() : [];
-
-				for(var vid in views) {
-					var view = views[vid];
-					if ( view instanceof CL && view.buildModIconsHTML )
-						view.$('.mod-icons').replaceWith(view.buildModIconsHTML());
-				}
-
-			}, 600, input);
-	}
-};
-
-
-FFZ.settings_info.mod_card_buttons = {
-	type: "button",
-	value: [],
-
-	category: "Chat Moderation",
-	no_bttv: true,
-
-	name: "Moderation Card Additional Buttons",
-	help: "Add additional buttons to moderation cards for running chat commands on those users.",
-
-	method: function() {
-			var f = this,
-				old_val = "",
-				input = utils.createElement('textarea');
-
-			input.style.marginBottom = '20px';
-
-			for(var i=0; i < this.settings.mod_card_buttons.length; i++) {
-				var label, cmd, had_label, pair = this.settings.mod_card_buttons[i];
-				if ( Array.isArray(pair) ) {
-					label = pair[0];
-					cmd = pair[1];
-					had_label = pair[2];
-				} else {
-					cmd = pair;
-					had_label = false;
-				}
-
-				label = had_label ? 'name:' + label + '=' : '';
-				old_val += (old_val.length ? '\n' : '') + label + cmd;
-			}
-
-			utils.prompt(
-				"Moderation Card Additional Buttons",
-					"Please enter a list of additional commands to display buttons for on moderation cards. " +
-					"One item per line. To send multiple commands, separate them with <code>&lt;LINE&gt;</code>. " +
-					"Variables, such as the target user's name, can be inserted into your commands. If no variables are detected " +
-					"in a line, <code>{user}</code> will be added to the end of the first command.<hr>" +
-
-					"To set a custom label for the button, start your line with <code>name:</code> followed by the name of the button. " +
-					"End the name with an equals sign.<br>" +
-					"<strong>Example:</strong> <code>name:Boop=/timeout {user} 15 Boop!</code><hr>" +
-
-					"<strong>Allowed Variables</strong><br><table><tbody>" +
-					"<tr><td><code>{user}</code></td><td>target user's name</td>" +
-					"<td><code>{user_name}</code></td><td>target user's name</td></tr>" +
-					"<tr><td><code>{user_display_name}</code></td><td>target user's display name</td>" +
-					"<td><code>{user_id}</code></td><td>target user's numeric ID</td></tr>" +
-					"<tr><td><code>{room}</code></td><td>chat room's name</td>" +
-					"<td><code>{room_name}</code></td><td>chat room's name</td></tr>" +
-					"<tr><td><code>{room_display_name}</code></td><td>chat room's display name</td>" +
-					"<td><code>{room_id}</code></td><td>chat room's numeric ID</td></tr>" +
-					"</tbody></table>",
-				old_val,
-				function(new_val) {
-					if ( new_val === null || new_val === undefined )
-						return;
-
-					var vals = new_val.trim().split(/\s*\n\s*/g),
-						output = [];
-
-					for(var i=0; i < vals.length; i++) {
-						var cmd = vals[i],
-							label,
-							name_match = /^name:([^=]+)=/.exec(cmd);
-
-						if ( ! cmd || ! cmd.length )
-							continue;
-
-						if ( name_match ) {
-							label = name_match[1];
-							cmd = cmd.substr(name_match[0].length);
-						} else
-							label = cmd.split(' ', 1)[0]
-
-						output.push([label, cmd, name_match != null]);
-					}
-
-					f.settings.set("mod_card_buttons", output);
-				}, 600, input);
-		}
-	};
-
-
-FFZ.settings_info.mod_card_durations = {
-	type: "button",
-	value: [300, 600, 3600, 43200, 86400, 604800],
-
-	category: "Chat Moderation",
-	no_bttv: true,
-
-	name: "Moderation Card Timeout Buttons",
-	help: "Add additional timeout buttons to moderation cards with specific durations.",
-
-	method: function() {
-			var f = this,
-				old_val = this.settings.mod_card_durations.join(", ");
-
-			utils.prompt(
-				"Moderation Card Timeout Buttons",
-				"Please enter a comma-separated list of durations that you would like to have timeout buttons for. " +
-					"Durations must be expressed in seconds.</p><p><b>Default:</b> 300, 600, 3600, 43200, 86400, 604800",
-				old_val,
-				function(new_val) {
-					if ( new_val === null || new_val === undefined )
-						return;
-
-					if ( new_val === "reset" )
-						new_val = FFZ.settings_info.mod_card_durations.value.join(", ");
-
-					// Split them up.
-					new_val = new_val.trim().split(/[ ,]+/);
-					var vals = [];
-
-					for(var i=0; i < new_val.length; i++) {
-						var val = parseInt(new_val[i]);
-						if ( val === 0 )
-							val = 1;
-
-						if ( ! Number.isNaN(val) && val > 0 )
-							vals.push(val);
-					}
-
-					f.settings.set("mod_card_durations", vals);
-				}, 600);
-		}
-	};
-
-
-// ----------------
-// Initialization
-// ----------------
-
-FFZ.prototype.setup_mod_card = function() {
-	try {
-		helpers = window.require && window.require("web-client/helpers/chat/chat-line-helpers");
-	} catch(err) { }
-
-	this.log("Listening to the Settings controller to catch mod icon state changes.");
-	var f = this,
-		Settings = utils.ember_settings();
-
-	if ( Settings )
-		Settings.addObserver('showModIcons', function() {
-			if ( Settings.get('showModIcons') )
-				f.settings.set('chat_mod_icon_visibility', 1);
-		});
-
-	this.log("Modifying Mousetrap stopCallback so we can catch ESC.");
-	var orig_stop = Mousetrap.stopCallback;
-	Mousetrap.stopCallback = function(e, element, combo) {
-		if ( element.classList.contains('no-mousetrap') )
-			return true;
-
-		return orig_stop(e, element, combo);
-	}
-
-	Mousetrap.bind("up up down down left right left right b a", function() {
-		var el = document.querySelector(".app-main") || document.querySelector(".ember-chat-container");
-		el && el.classList.toggle('ffz-flip');
-	});
-
-	this.log("Hooking the Ember Moderation Card view.");
-	this.update_views('component:chat/moderation-card', this.modify_moderation_card);
-}
-
-FFZ.prototype.modify_moderation_card = function(component) {
-	var f = this;
-	utils.ember_reopen_view(component, {
-		ffzForceRedraw: function() {
-			this.rerender();
-
-			var el = this.get('element');
-			this.ffzChangePage(null);
-
-			var chat = utils.ember_lookup('controller:chat'),
-				room_id = chat && chat.get('currentRoom.id'),
-				user_id = this.get('cardInfo.user.id'),
-				user = f.get_user(),
-				is_me = user && user.login === user_id;
-
-			if (( this._lv_sock_room && this._lv_sock_room !== room_id ) || (this._lv_sock_user && this._lv_sock_user !== user_id) ) {
-				f.lv_ws_unsub('logs-' + this._lv_sock_room + '-' + this._lv_sock_user);
-				this._lv_sock_room = null;
-				this._lv_sock_user = null;
-			}
-
-			if ( f.settings.mod_card_history )
-				this.ffzRenderHistory();
-
-			Ember.run.next(this.ffzFixDefaultActions.bind(this));
-
-			// Highlight this user's chat messages.
-			if ( f.settings.highlight_messages_with_mod_card )
-				utils.update_css(f._chat_style, 'mod-card-highlight', styles['chat-user-bg'].replace(/{user_id}/g, this.get('cardInfo.user.id')));
-
-		}.observes("cardInfo.isModeratorOrHigher", "cardInfo.user.id"),
-
-		ffzRebuildInfo: function() {
-			var el = this.get('element'),
-				info = el && el.querySelector('.info');
-			if ( ! info )
-				return;
-
-			var out = '<span class="stat html-tooltip" title="Total Views">' + constants.EYE + ' ' + utils.number_commas(this.get('cardInfo.user.views') || 0) + '</span>',
-				since = utils.parse_date(this.get('cardInfo.user.created_at') || ''),
-				followers = this.get('cardInfo.user.ffz_followers');
-
-			if ( typeof followers === "number" ) {
-				out += '<span class="stat html-tooltip" title="Followers">' + constants.HEART + ' ' + utils.number_commas(followers || 0) + '</span>';
-
-			} else if ( followers === undefined ) {
-				var t = this;
-				this.set('cardInfo.user.ffz_followers', false);
-				utils.api.get("channels/" + this.get('cardInfo.user.id') + '/follows', {limit:1}).done(function(data) {
-					t.set('cardInfo.user.ffz_followers', data._total);
-					t.ffzRebuildInfo();
-				}).fail(function(data) {
-					t.set('cardInfo.user.ffz_followers', undefined);
-				});
-			}
-
-			if ( since ) {
-				var now = Date.now() - (f._ws_server_offset || 0),
-					age = Math.floor((now - since.getTime()) / 1000);
-				if ( age > 0 ) {
-					out += '<span class="stat html-tooltip" title="Member Since: ' + utils.quote_san(age > 86400 ? since.toLocaleDateString() : since.toLocaleString()) + '">' + constants.CLOCK + ' ' + utils.human_time(age, 10) + '</span>';
-				}
-			}
-
-			info.innerHTML = out;
-		}.observes("cardInfo.user.views"),
-
-		lvGetLogs: function() {
-			var t = this,
-				logs = this._lv_logs,
-
-				chat = utils.ember_lookup('controller:chat'),
-				room_id = chat && chat.get('currentRoom.id'),
-				user_id = this.get('cardInfo.user.id');
-
-			return new Promise(function(succeed, fail) {
-				// Don't expire data if we're connected to the websocket.
-				if ( logs && (f._lv_ws_open || logs.expires > Date.now()) && logs.room === room_id && logs.user === user_id )
-					return succeed(logs.data);
-
-				if ( t._lv_log_requests )
-					return t._lv_log_requests.push(succeed);
-
-				t._lv_log_requests = [succeed];
-
-				f.lv_get_logs(room_id, user_id).then(function(data) {
-					var new_room_id = chat && chat.get('currentRoom.id'),
-						new_user_id = t.get('cardInfo.user.id');
-
-					if ( user_id !== new_user_id || room_id !== new_room_id )
-						return;
-
-					t._lv_logs = {
-						expires: Date.now() + 30000,
-						room: room_id,
-						user: user_id,
-						data: data
-					};
-
-					t._lv_sock_room = room_id;
-					t._lv_sock_user = user_id;
-					f.lv_ws_sub('logs-' + room_id + '-' + user_id);
-
-					var requests = t._lv_log_requests;
-					t._lv_log_requests = null;
-
-					for(var i=0; i < requests.length; i++)
-						requests[i](data);
-				});
-			});
-		},
-
-		lvOnMessage: function(cmd, data) {
-			//f.log("[LV] Socket Message: " + cmd, data)
-			if ( cmd === "comment-add" ) {
-				if ( data.topic !== this.get('cardInfo.user.id') )
-					return;
-
-				FFZ.mod_card_pages.notes.add_note.call(f, this, this.get('element'), data);
-
-			} else if ( cmd === "comment-update" ) {
-				var el = this.get('element'),
-					line = el && el.querySelector('.user-notes .chat-line[data-lv-id="' + data.id + '"]');
-
-				if ( ! line )
-					return;
-
-				var new_line = FFZ.mod_card_pages.notes.build_note.call(f, this, data);
-				line.outerHTML = new_line.outerHTML;
-
-			} else if ( cmd === "comment-delete" ) {
-				var el = this.get('element'),
-					line = el && el.querySelector('.user-notes .chat-line[data-lv-id="' + data.id + '"]');
-
-				if ( ! line )
-					return;
-
-				// If we're the only message on this date, remove the timestamp line.
-				var before_line = line.previousElementSibling,
-					after_line = line.nextElementSibling;
-
-				if ( before_line && before_line.classList.contains('timestamp-line') &&
-						(! after_line || after_line.classList.contains('timestamp-line')) )
-					before_line.parentElement.removeChild(before_line);
-
-				// Remove the line itself.
-				line.parentElement.removeChild(line);
-
-			} else if ( cmd === "log-update" ) {
-				if ( ! this._lv_logs || ! this._lv_logs.data || data.nick !== this._lv_logs.data.user.nick )
-					return;
-
-				// Parse the message. Store the data.
-				var message = f.lv_parse_message(data),
-					msgs = this._lv_logs.data.before,
-					ind = -1,
-					i = msgs.length;
-
-				// Find the existing entry.
-				while(--i) {
-					var msg = msgs[i];
-					if ( msg.lv_id === message.lv_id ) {
-						ind = i;
-						break;
-					}
-				}
-
-				// Nothing to update, so don't.
-				if ( ind === -1 )
-					return;
-
-				msgs[ind] = message;
-				var el = this.get('element'),
-					container = el && el.querySelector('.ffz-tab-container'),
-					line = container && container.querySelector('.lv-history .chat-line[data-lv-id="' + message.lv_id + '"]');
-
-				if ( ! line )
-					return;
-
-				var new_line = f._build_mod_card_history(message, this, false,
-					FFZ.mod_card_pages.history.render_adjacent.bind(f, this, container, message));
-				line.parentElement.insertBefore(new_line, line);
-				line.parentElement.removeChild(line);
-
-			} else if ( cmd === "log-add" ) {
-				if ( ! this._lv_logs || ! this._lv_logs.data || data.nick !== this._lv_logs.data.user.nick )
-					return;
-
-				// Parse the message. Store the data.
-				var message = f.lv_parse_message(data);
-				this._lv_logs.data.before.push(message);
-				if ( message.is_ban )
-					this._lv_logs.data.user.timeouts++;
-				else if ( ! message.is_admin && (! message.is_notice || message.message.indexOf('Message: ') !== -1) )
-					this._lv_logs.data.user.messages++;
-
-				// If we're viewing the chat history, update it.
-				var el = this.get('element'),
-					container = el && el.querySelector('.ffz-tab-container'),
-					history = container && container.querySelector('.ffz-tab-container[data-page="history"] .chat-history.lv-history');
-
-				if ( history ) {
-					var was_at_bottom = history.scrollTop >= (history.scrollHeight - history.clientHeight),
-						last_line = history.querySelector('.chat-line:last-of-type'),
-						ll_date = last_line && last_line.getAttribute('data-date'),
-						date = message.date && message.date.toLocaleDateString();
-
-					if ( last_line.classList.contains('no-messages') ) {
-						last_line.parentElement.removeChild(last_line);
-						last_line = null;
-						ll_date = null;
-					}
-
-					if ( last_line && ll_date !== date ) {
-						var date_line = utils.createElement('li', 'chat-line timestamp-line', date);
-						date_line.setAttribute('data-date', date);
-						history.appendChild(date_line);
-					}
-
-					history.appendChild(f._build_mod_card_history(message, this, false,
-						FFZ.mod_card_pages.history.render_adjacent.bind(f, this, container, message)));
-
-					if ( was_at_bottom )
-						setTimeout(function() { history.scrollTop = history.scrollHeight; })
-				}
-			}
-		},
-
-		lvUpdateLevels: function(levels) {
-			var channel = levels.channel,
-				user = levels.me,
-				level = user && user.level || 0;
-
-			this.lv_view = level >= channel.viewlogs;
-			this.lv_view_mod = level >= channel.viewmodlogs;
-
-			this.lv_view_notes = level >= channel.viewcomments;
-			this.lv_write_notes = level >= channel.writecomments;
-			this.lv_delete_notes = level >= channel.deletecomments;
-
-			var el = this.get('element');
-			if ( el ) {
-				el.classList.toggle('lv-notes', this.lv_view_notes);
-				el.classList.toggle('lv-logs', this.lv_view);
-				el.classList.toggle('lv-tabs', this.lv_view || this.lv_view_notes);
-			}
-		},
-
-		ffz_destroy: function() {
-			if ( f._mod_card === this )
-				f._mod_card = undefined;
-
-			if ( this._lv_sock_room && this._lv_sock_user ) {
-				f.lv_ws_unsub('logs-' + this._lv_sock_room + '-' + this._lv_sock_user);
-				this._lv_sock_room = null;
-				this._lv_sock_user = null;
-			}
-
-			if ( this._lv_callback ) {
-				f.lv_ws_remove_callback(this._lv_callback);
-				this._lv_callback = null;
-			}
-
-			utils.update_css(f._chat_style, 'mod-card-highlight');
-		},
-
-		ffzFixDefaultActions: function() {
-			var el = this.get('element'),
-				t = this,
-				line,
-
-				is_mod = t.get('cardInfo.isModeratorOrHigher'),
-				ban_reasons,
-
-				chat = utils.ember_lookup('controller:chat'),
-				user = f.get_user(),
-				room = chat && chat.get('currentRoom'),
-				room_id = room && room.get('id'),
-				ffz_room = f.rooms && f.rooms[room_id] || {},
-				is_broadcaster = user && room_id === user.login,
-
-				user_id = this.get('cardInfo.user.id'),
-				is_me = user && user.login === user_id,
-				alias = f.aliases[user_id],
-
-				handle_key,
-
-				ban_reason = function() {
-					return ban_reasons && ban_reasons.value ? ' ' + ban_reasons.value : "";
-				},
-
-				alias_btn = utils.createElement('button', 'alias button float-left button--icon-only html-tooltip');
-
-			alias_btn.innerHTML = '<figure class="icon">' + constants.EDIT + '</figure>';
-			alias_btn.title = "Set Alias";
-
-			alias_btn.addEventListener('click', function() {
-				var user = t.get('cardInfo.user.id'),
-					alias = f.aliases[user],
-					results = f.format_display_name(t.get('cardInfo.user.display_name'), user, true);
-
-				utils.prompt(
-					"Alias for <b" + (results[1] ? ' class="html-tooltip" title="' + utils.quote_attr(results[1]) + '">' : '>') + results[0] + "</b>",
-					"Please enter an alias for the user. Leave it blank to remove the alias.",
-					alias,
-					function(new_val) {
-						if ( new_val === null || new_val === undefined )
-							return;
-
-						new_val = new_val.trim();
-						if ( ! new_val )
-							new_val = undefined;
-
-						f.aliases[user] = new_val;
-						f.save_aliases();
-
-						// Update UI
-						f._update_alias(user);
-
-						var name = el.querySelector('h4.name');
-						if ( name ) {
-							name.classList.toggle('ffz-alias', new_val);
-							var results = f.format_display_name(t.get('cardInfo.user.display_name'), user_id);
-
-							name.innerHTML = results[0];
-							name.title = results[1] || '';
-							if ( results[1] )
-								jQuery(name).zipsy({html: true, gravity: utils.newtip_placement(constants.TOOLTIP_DISTANCE, 'n')});
-						}
-					});
-			});
-
-			if ( is_me === this._ffz_was_me )
-				return;
-
-			this._ffz_was_me = is_me;
-
-			if ( is_me ) {
-				jQuery('.ffz-extra-controls', el).remove();
-
-				line = utils.createElement('div', 'extra-interface ffz-extra-me-controls moderation-card__actions clearfix');
-				line.appendChild(alias_btn);
-				el.appendChild(line);
-
-				return;
-			} else
-				jQuery('.ffz-extra-me-controls', el).remove();
-
-			// Move the default buttons.
-			var def_actions = el.querySelector('.moderation-card__actions .clearfix');
-			if ( def_actions ) {
-				def_actions = def_actions.parentElement;
-				var def_line = def_actions.querySelector('.clearfix'),
-					bad_line = def_actions.querySelector('.moderation-card__controls');
-
-				if ( def_line && bad_line ) {
-					var children = bad_line.querySelectorAll('button');
-					for(var i=0; i < children.length; i++) {
-						bad_line.removeChild(children[i]);
-						def_line.appendChild(children[i]);
-					}
-
-					bad_line.classList.add('hidden');
-				}
-			}
-
-			// Additional Buttons
-			if ( is_mod ) {
-				el.classList.add('ffz-is-mod');
-
-				if ( f.settings.mod_card_buttons && f.settings.mod_card_buttons.length ) {
-					line = utils.createElement('div', 'extra-interface ffz-extra-controls moderation-card__actions clearfix');
-
-					var build_cmd = function(user, room, cmd) {
-							var lines = utils.replace_cmd_variables(cmd, user, room).split(/\s*<LINE>\s*/g),
-								reason = ban_reason();
-
-							if ( reason ) {
-								for(var i=0; i < lines.length; i++) {
-									var match = TO_REG.exec(lines[i]);
-									if ( match ) {
-										if ( ! match[2] )
-											lines[i] += ' 600';
-										if ( ! match[3] )
-											lines[i] += reason;
-
-										break;
-									} else {
-										match = BAN_REG.exec(lines[i]);
-										if ( match ) {
-											if ( ! match[2] )
-												lines[i] += reason;
-											break;
-										}
-									}
-								}
-							}
-
-							return lines;
-						},
-
-						add_btn_click = function(cmd) {
-							var user = t.get('cardInfo.user'),
-								chat_controller = utils.ember_lookup('controller:chat'),
-								room = chat_controller && chat_controller.get('currentRoom');
-
-							if ( ! room )
-								return;
-
-							var lines = build_cmd(user, room, cmd);
-							for(var i=0; i < lines.length; i++)
-								room.send(lines[i], true);
-						},
-
-						add_btn_make = function(label, cmd) {
-							var btn = utils.createElement('button', 'button ffz-no-bg', utils.sanitize(label));
-
-							jQuery(btn).zipsy({
-								html: true,
-								gravity: utils.newtip_placement(constants.TOOLTIP_DISTANCE, 'n'),
-								title: function() {
-									var user = t.get('cardInfo.user'),
-										chat_controller = utils.ember_lookup('controller:chat'),
-										room = chat_controller && chat_controller.get('currentRoom');
-
-										lines = build_cmd(user, room, cmd),
-										title = _.map(lines, utils.sanitize).join('<br>');
-
-									return "Custom Command" + (lines.length > 1 ? 's' : '') +
-										"<br>" + title;
-								}
-							});
-
-							btn.addEventListener('click', add_btn_click.bind(this, cmd));
-							return btn;
-						};
-
-
-					for(var i=0; i < f.settings.mod_card_buttons.length; i++) {
-						var label, cmd, pair = f.settings.mod_card_buttons[i];
-						if ( ! Array.isArray(pair) ) {
-							cmd = pair;
-							label = cmd.split(' ', 1)[0];
-						} else {
-							label = pair[0];
-							cmd = pair[1];
-						}
-
-						utils.CMD_VAR_REGEX.lastIndex = 0;
-						if ( ! utils.CMD_VAR_REGEX.test(cmd) ) {
-							var lines = cmd.split(/\s*<LINE>\s*/g);
-							lines[0] += ' {user}';
-							cmd = lines.join("<LINE>");
-						}
-
-						line.appendChild(add_btn_make(label, cmd));
-					}
-
-					el.appendChild(line);
-				}
-
-				var btn_click = function(timeout) {
-					var user_id = t.get('cardInfo.user.id'),
-						room = utils.ember_lookup('controller:chat').get('currentRoom');
-
-						if ( timeout === -1 )
-							room.send("/unban " + user_id, true);
-						else
-							room.send("/timeout " + user_id + " " + timeout + ban_reason(), true);
-					},
-
-				btn_make = function(timeout) {
-						var btn = utils.createElement('button', 'button ffz-no-bg');
-						btn.innerHTML = utils.duration_string(timeout);
-						btn.title = "Timeout User for " + utils.number_commas(timeout) + " Second" + (timeout != 1 ? "s" : "");
-
-						if ( f.settings.mod_card_hotkeys && timeout === 600 )
-							btn.title = "(T)" + btn.title.substr(1);
-						else if ( f.settings.mod_card_hotkeys && timeout === 1 )
-							btn.title = "(P)urge - " + btn.title;
-
-						jQuery(btn).zipsy({gravity: utils.newtip_placement(constants.TOOLTIP_DISTANCE, 'n')});
-
-						btn.addEventListener('click', btn_click.bind(this, timeout));
-						return btn;
-					};
-
-				if ( f.settings.mod_card_durations && f.settings.mod_card_durations.length ) {
-					// Extra Moderation
-					line = utils.createElement('div', 'extra-interface ffz-extra-controls moderation-card__actions clearfix');
-					line.appendChild(btn_make(1));
-
-					var s = utils.createElement('span', 'right');
-					line.appendChild(s);
-
-					for(var i=0; i < f.settings.mod_card_durations.length; i++)
-						s.appendChild(btn_make(f.settings.mod_card_durations[i]));
-
-					el.appendChild(line);
-
-					// Fix Other Buttons
-					this.$("button.timeout").remove();
-				}
-
-
-				if ( f.settings.mod_card_reasons && f.settings.mod_card_reasons.length ) {
-					// Moderation Reasons
-					line = utils.createElement('div', 'extra-interface ffz-extra-controls moderation-card__actions clearfix');
-					ban_reasons = utils.createElement('select', 'ffz-ban-reasons', '<option value="">Select a Ban ' + (f.settings.mod_card_hotkeys ? '(R)' : 'R') + 'eason</option>');
-					line.appendChild(ban_reasons);
-
-					for(var i=0; i < f.settings.mod_card_reasons.length; i++) {
-						var opt = utils.createElement('option'), r = f.settings.mod_card_reasons[i];
-						opt.value = r;
-						opt.textContent = (i+1) + ') ' + r;
-						ban_reasons.appendChild(opt);
-					}
-
-					el.appendChild(line);
-				}
-
-
-				var ban_btn = el.querySelector('button.ban');
-				if ( ban_btn ) {
-					if ( f.settings.mod_card_hotkeys )
-						ban_btn.setAttribute('title', '(B)an User');
-
-					// Unban Button
-					var unban_btn = utils.createElement('button', 'unban button button--icon-only light');
-					unban_btn.innerHTML = '<figure class="icon">' + CHECK + '</figure>';
-					unban_btn.title = (f.settings.mod_card_hotkeys ? "(U)" : "U") + "nban User";
-
-					jQuery(unban_btn).zipsy({gravity: utils.newtip_placement(constants.TOOLTIP_DISTANCE, 'n')});
-					unban_btn.addEventListener("click", btn_click.bind(this, -1));
-
-					jQuery(ban_btn).after(unban_btn);
-				}
-			}
-
-
-			// Tooltips for ban and ignore.
-			jQuery("button.ignore, button.ban").zipsy({
-				gravity: utils.newtip_placement(constants.TOOLTIP_DISTANCE, 'n')});
-
-
-			// More Fixing Other Buttons
-			var op_btn = el.querySelector('button.mod');
-			if ( op_btn ) {
-				var can_op = is_broadcaster || (user && user.is_admin) || (user && user.is_staff);
-
-				if ( ! can_op )
-					op_btn.parentElement.removeChild(op_btn);
-			}
-
-
-			// Follow Button
-			var follow_button = el.querySelector(".follow-button");
-			if ( follow_button )
-				jQuery(follow_button).zipsy({
-					title: function() { return follow_button.classList.contains('is-following') ? "Unfollow" : "Follow"}});
-
-
-			// Whisper and Message Buttons
-			var msg_btn = el.querySelector("button.message-button");
-			if ( msg_btn ) {
-				msg_btn.innerHTML = 'W';
-				msg_btn.classList.remove('button--hollow');
-				msg_btn.classList.add('button--icon-only');
-				msg_btn.classList.add('message');
-
-				msg_btn.title = "Whisper User";
-				jQuery(msg_btn).zipsy({
-					gravity: utils.newtip_placement(constants.TOOLTIP_DISTANCE, 'n')});
-
-
-				var real_msg = utils.createElement('button', 'message-button button float-left button--icon-only message html-tooltip');
-				real_msg.innerHTML = '<figure class="icon">' + MESSAGE + '</figure>';
-				real_msg.title = "Message User";
-
-				real_msg.addEventListener('click', function() {
-					window.open('//www.twitch.tv/message/compose?to=' + t.get('cardInfo.user.id'));
-				})
-
-				msg_btn.parentElement.insertBefore(real_msg, msg_btn.nextSibling);
-			}
-
-
-			// Add the Alias button
-			if ( msg_btn )
-				msg_btn.parentElement.insertBefore(alias_btn, msg_btn);
-			else {
-				var follow_btn = el.querySelector(".friend-button");
-				if ( follow_btn )
-					follow_btn.parentElement.insertBefore(alias_btn, follow_btn.nextSibling);
-			}
-		},
-
-		ffz_init: function() {
-			if ( f.has_bttv_6 )
-				return;
-
-			f._mod_card = this;
-
-			if ( f.settings.logviewer_test ) {
-				this._lv_callback = this.lvOnMessage.bind(this);
-				f.lv_ws_add_callback(this._lv_callback);
-			}
-
-			var el = this.get('element'),
-				t = this,
-				line,
-
-				is_mod = t.get('cardInfo.isModeratorOrHigher'),
-				ban_reasons,
-
-				chat = utils.ember_lookup('controller:chat'),
-				user = f.get_user(),
-				room = chat && chat.get('currentRoom'),
-				room_id = room && room.get('id'),
-				ffz_room = f.rooms && f.rooms[room_id] || {},
-				is_broadcaster = user && room_id === user.login,
-
-				user_id = this.get('cardInfo.user.id'),
-				is_me = user && user.login === user_id,
-				alias = f.aliases[user_id],
-
-				handle_key,
-
-				ban_reason = function() {
-					return ban_reasons && ban_reasons.value ? ' ' + ban_reasons.value : "";
-				};
-
-
-			this.ffz_room_id = room_id;
-
-			// Should we be requesting a token? How about access levels?
-			if ( f.settings.logviewer_test && ffz_room.has_logs )
-				if ( ! ffz_room.logviewer_levels || (user && user.login && ! ffz_room.logviewer_levels.me.valid ) )
-					f.lv_get_token().then(function(token) {
-						if ( ! token )
-							return;
-
-						utils.logviewer.get("channel/" + room_id, token)
-								.then(utils.json).then(function(result) {
-							f.log("[LV] Channel Info: " + room_id, result);
-							ffz_room.logviewer_levels = result;
-							t.lvUpdateLevels(result);
-						});
-					})
-				else
-					t.lvUpdateLevels(ffz_room.logviewer_levels);
-
-
-			// Highlight this user's chat messages.
-			if ( f.settings.highlight_messages_with_mod_card )
-				utils.update_css(f._chat_style, 'mod-card-highlight', styles['chat-user-bg'].replace(/{user_id}/g, user_id));
-
-
-			// Action Override
-			this.set('banAction', function(e) {
-				var room = utils.ember_lookup('controller:chat').get('currentRoom');
-				room.send("/ban " + e.user + ban_reason(), true);
-			});
-
-			this.set('timeoutAction', function(e) {
-				var room = utils.ember_lookup('controller:chat').get('currentRoom');
-				room.send("/timeout " + e.user + " 600 " + ban_reason(), true);
-			});
-
-
-			// Alias Display
-			if ( alias ) {
-				var name = el.querySelector('.moderation-card__name a');
-				if ( name ) {
-					name.classList.add('ffz-alias');
-					var results = f.format_display_name(this.get('cardInfo.user.display_name'), user_id);
-
-					name.innerHTML = results[0];
-					name.title = results[1] || '';
-					if ( results[1] )
-						jQuery(name).zipsy({
-							html: true,
-							gravity: utils.newtip_placement(constants.TOOLTIP_DISTANCE, 'n')});
-				}
-			}
-
-
-			// Style it!
-			el.classList.add('ffz-moderation-card');
-
-
-			// Info-tize it!
-			if ( f.settings.mod_card_info ) {
-				var info = utils.createElement('div', 'info channel-stats'),
-					after = el.querySelector('.moderation-card__name');
-				if ( after ) {
-					el.classList.add('ffz-has-info');
-					after.parentElement.insertBefore(info, after.nextSibling);
-					this.ffzRebuildInfo();
-				}
-			}
-
-
-			// Key Handling
-			el.setAttribute('tabindex', 1);
-			if ( f.settings.mod_card_hotkeys ) {
-				el.classList.add('no-mousetrap');
-
-				handle_key = function(e) {
-					var key = e.keyCode || e.which,
-						is_meta = e.ctrlKey || e.altKey || e.metaKey,
-						tag = e.target && e.target.tagName,
-						user_id = t.get('cardInfo.user.id'),
-						is_mod = t.get('cardInfo.isModeratorOrHigher'),
-						room = utils.ember_lookup('controller:chat').get('currentRoom');
-
-					// We don't want modifier keys. Also don't override input to input elements.
-					if ( is_meta || tag === 'TEXTAREA' || tag === 'INPUT')
-						return;
-
-					if ( key === keycodes.C )
-						return t.ffzChangePage('default');
-
-					else if ( t.lv_view && key === keycodes.H )
-						return t.ffzChangePage('history');
-
-					else if ( key === keycodes.S )
-						return t.ffzChangePage('stats');
-
-					else if ( key === keycodes.Y )
-						return t.ffzChangePage('name_history');
-
-					else if ( t.lv_view_notes && key === keycodes.N )
-						return t.ffzChangePage('notes');
-
-					if ( is_mod && key == keycodes.P )
-						room.send("/timeout " + user_id + " 1" + ban_reason(), true);
-
-					else if ( is_mod && key == keycodes.B )
-						room.send("/ban " + user_id + ban_reason(), true);
-
-					else if ( is_mod && key == keycodes.T )
-						room.send("/timeout " + user_id + " 600" + ban_reason(), true);
-
-					else if ( is_mod && key == keycodes.U )
-						room.send("/unban " + user_id, true);
-
-					else if ( is_mod && ban_reasons && key == keycodes.R ) {
-						var event = document.createEvent('MouseEvents');
-						event.initMouseEvent('mousedown', true, true, window);
-						ban_reasons.focus();
-						ban_reasons.dispatchEvent(event);
-						return;
-					}
-
-					else if ( key == keycodes.ESC && e.target === ban_reasons ) {
-						el.focus();
-						return;
-					}
-
-					else if ( key != keycodes.ESC )
-						return;
-
-					t.get('closeAction')();
-				};
-
-				el.addEventListener('keyup', handle_key);
-			}
-
-
-			// Only do the main controls row if we're not looking at ourselves.
-			this.ffzFixDefaultActions();
-
-
-			// Tabbed Content
-			var tabs = utils.createElement('ul', 'moderation-card__actions menu clearfix'),
-				tab_container = utils.createElement('div', 'ffz-tab-container');
-
-			for(var page_id in FFZ.mod_card_pages) {
-				var page = FFZ.mod_card_pages[page_id];
-				if ( page && page.title ) {
-					var tab = utils.createElement('li', 'item', page.title);
-					if ( page_id === 'default' )
-						tab.classList.add('active');
-
-					if ( page.needs_lv )
-						tab.classList.add('needs-lv');
-
-					tab.setAttribute('data-page', page_id);
-					tabs.appendChild(tab);
-
-					tab.addEventListener('click', function(e) {
-						t.ffzChangePage(this.getAttribute('data-page'), tabs, tab_container);
-					});
-				}
-			}
-
-			el.insertBefore(tab_container, el.firstElementChild.nextSibling);
-			//el.insertBefore(tab_container, el.querySelector('.moderation-card__actions'));
-			el.insertBefore(tabs, tab_container);
-
-			el.classList.add('ffz-default-tab');
-
-			// Message History
-			if ( f.settings.mod_card_history )
-				this.ffzRenderHistory();
-
-			// Reposition the menu if it's off-screen.
-			this.ffzReposition();
-
-			// Focus the Element
-			this.$().draggable({
-				start: function() {
-					el.focus();
-					}});
-
-			el.focus();
-		},
-
-		ffzChangePage: function(page_id, tabs, tab_container) {
-			if ( ! tabs || ! tab_container ) {
-				var el = this.get('element');
-				tabs = el.querySelector('ul.menu');
-				tab_container = el.querySelector('.ffz-tab-container');
-			}
-
-			var active_page = tab_container.getAttribute('data-page');
-			if ( active_page === page_id )
-				return;
-
-			if ( page_id === null )
-				page_id = active_page;
-
-			jQuery('.item', tabs).removeClass('active');
-			jQuery('.item[data-page="' + page_id + '"]').addClass('active');
-
-			this.get('element').classList.toggle('ffz-default-tab', page_id === 'default');
-
-			tab_container.setAttribute('data-page', page_id);
-			tab_container.innerHTML = '';
-
-			FFZ.mod_card_pages[page_id].render.call(f, this, tab_container);
-		},
-
-		ffzReposition: function() {
-			var el = this.get('element'),
-				el_bound = el.getBoundingClientRect(),
-				body_bound = document.body.getBoundingClientRect(),
-
-				renderBottom = this.get('cardInfo.renderBottom'),
-				renderRight = this.get('cardInfo.renderRight');
-
-			if ( renderRight ) {
-				var offset = (el_bound.left + el_bound.width) - renderRight;
-				el.style.left = (el_bound.left - offset) + "px";
-			}
-
-			if ( renderBottom ) {
-				var offset = el_bound.bottom - renderBottom;
-				el.style.top = (el_bound.top - offset) + "px";
-
-			} else if ( el_bound.bottom > body_bound.bottom ) {
-				var offset = el_bound.bottom - body_bound.bottom;
-				if ( el_bound.top - offset > body_bound.top )
-					el.style.top = (el_bound.top - offset) + "px";
-			}
-		}.observes('cardInfo.renderTop', 'cardInfo.renderLeft', 'cardInfo.renderRight', 'cardInfo.renderBottom'),
-
-		ffzRenderHistory: function() {
-			var t = this,
-				Chat = utils.ember_lookup('controller:chat'),
-				room_id = Chat && Chat.get('currentRoom.id'),
-				user_id = this.get('cardInfo.user.id'),
-				ffz_room = f.rooms && f.rooms[room_id],
-				chat_history = ffz_room && ffz_room.user_history ? (ffz_room.user_history[user_id] || []) : null,
-
-				el = this.get('element'),
-				history = el.querySelector('.chat-history.live-history');
-
-			if ( chat_history === null ) {
-				if ( history )
-					jQuery(history).remove();
-				return;
-			}
-
-			if ( ! history ) {
-				history = utils.createElement('ul', 'moderation-card__actions chat-history live-history');
-				el.appendChild(history);
-			} else
-				history.innerHTML = '';
-
-			for(var i=0; i < chat_history.length; i++)
-				history.appendChild(f._build_mod_card_history(chat_history[i], t, false));
-
-			setTimeout(function(){history.scrollTop = history.scrollHeight});
-		}
-	});
-}
-
-
-FFZ.prototype._build_mod_card_history = function(msg, modcard, show_from, ts_click, mod_icons, show_ts) {
-	var l_el = utils.createElement('li', 'message-line chat-line clearfix'),
-		out = [],
-		f = this,
-
-		is_notice = msg.style === 'admin' || msg.style === 'notification',
-		style = '', colored = '';
-
-	if ( helpers && helpers.getTime && show_ts !== false )
-		out.push('<span class="timestamp' + (ts_click ? ' ts-action' : '') + '">' + helpers.getTime(msg.date, true) + '</span>');
-
-	var alias = this.aliases[msg.from],
-		results = this.format_display_name(msg.tags && msg.tags['display-name'], msg.from);
-
-	if ( mod_icons ) {
-		out.push('<span class="mod-icons">');
-		if ( typeof mod_icons === "string" )
-			out.push(mod_icons);
-		out.push('</span>');
-	}
-
-	if ( show_from && ! is_notice ) {
-		// Badges
-		out.push('<span class="badges">');
-		out.push(this.render_badges(this.get_line_badges(msg, false)));
-		out.push('</span>');
-
-
-		// Colors
-		var raw_color = msg.color,
-			colors = raw_color && this._handle_color(raw_color),
-
-			Layout = utils.ember_lookup('service:layout'),
-			ThemeManager = utils.ember_lookup('service:theme-manager'),
-			Settings = utils.ember_settings(),
-
-			is_dark = (ThemeManager && ThemeManager.get('themes.activeTheme') === 'theme--dark') || (Layout && Layout.get('isTheatreMode')) || this.settings.get_twitch("darkMode");
-
-
-		// Styling
-		var style = colors && 'color:' + (is_dark ? colors[1] : colors[0]),
-			colored = style ? ' has-color' : '';
-
-		out.push('<span class="from' +
-				(alias ? ' ffz-alias' : '') +
-				(results[1] ? ' html-tooltip' : '') +
-				(style ? ' has-color' : '') +
-			'" data-user="' + utils.quote_attr(msg.from) + '" style="' + style + '"' +
-			(colors ? ' data-color="' + raw_color + '"' : '') +
-			(results[1] ? ' title="' + utils.quote_attr(results[1]) + '"' : '') + '>'
-			+ results[0] + '</span>');
-
-		out.push(msg.style !== 'action' ? '<span class="colon">:</span> ' : ' ');
-	} else if ( ! is_notice )
-		out.push('<span class="cp-hidden"> ' + results[0] + (msg.style === 'action' ? '' : ':') + ' </span>');
-
-
-	// The message itself.
-	if ( msg.style !== 'action' ) {
-		style = '';
-		colored = '';
-	}
-
-	// Use cached tokens on the off chance we have them, but don't count on them.
-	var tokens = msg.cachedTokens || this.tokenize_chat_line(msg, true, false, true),
-		message = '<span class="message' + colored + '" style="' + style + (colors ? '" data-color="' + raw_color : '') + '">' +
-			(msg.style === 'action' && ! show_from ? '*' + name + ' ' : '') + this.render_tokens(tokens, true, false, msg.tags && msg.tags.bits) + '</span>';
-
-	if ( msg.deleted )
-		out.push('<span class="deleted"><a class="undelete" href="#" data-message="' + utils.quote_attr(message) + '">&lt;message deleted&gt;</a></span>');
-	else
-		out.push(message);
-
-
-	// Line attributes and classes.
-	if ( msg.style )
-		l_el.className += ' ' + msg.style;
-
-	if ( msg.original_sender )
-		l_el.classList.add('original-sender');
-
-	if ( msg.is_original )
-		l_el.classList.add('original-msg');
-
-	if ( msg.ffz_has_mention )
-		l_el.classList.add('ffz-mentioned');
-
-	if ( this.settings.prevent_clear && msg.ffz_deleted )
-		l_el.classList.add('ffz-deleted');
-
-	l_el.setAttribute('data-room', msg.room);
-	l_el.setAttribute('data-sender', msg.from);
-	l_el.setAttribute('data-id', msg.tags && msg.tags.id);
-	l_el.setAttribute('data-lv-id', msg.lv_id);
-	l_el.setAttribute('data-date', msg.date && msg.date.toLocaleDateString());
-	l_el.setAttribute('data-deleted', msg.deleted || false);
-
-	l_el.innerHTML = out.join("");
-
-
-	// Interactivity
-	jQuery('a.undelete', l_el).click(function(e) { this.parentElement.outerHTML = this.getAttribute('data-message'); });
-	jQuery('.deleted-word', l_el).click(function(e) { jQuery(this).trigger('mouseout'); this.outerHTML = this.getAttribute('data-text'); });
-	jQuery('a.deleted-link', l_el).click(f._deleted_link_click);
-	jQuery('img.emoticon', l_el).click(function(e) { f._click_emote(this, e) });
-
-	if ( modcard ) {
-		modcard.get('cardInfo.user.id') !== msg.from && jQuery('.from', l_el).click(function(e) {
-			var el = modcard.get('element');
-			el && f._roomv && f._roomv.get('room.id') === msg.room && f._roomv.actions.showModOverlay.call(f._roomv, {
-				sender: msg.from,
-				top: parseInt(el.style.top),
-				left: parseInt(el.style.left)
-			});
-		});
-
-		ts_click && l_el.querySelector('.timestamp').addEventListener('click', function(e) {
-			if ( e.button === 0 )
-				return ts_click.call(this, e);
-		});
-	}
-
-	return l_el;
-}
-
-
-// ----------------
-// Aliases
-// ----------------
-
-FFZ.prototype._update_alias = function(user) {
-	var alias = this.aliases && this.aliases[user],
-		results = this.format_display_name(FFZ.get_capitalization(user), user),
-
-		el = this._roomv && this._roomv.get('element'),
-		lines = el && el.querySelectorAll('.chat-line[data-sender="' + user + '"]');
-
-	if ( ! lines )
-		return;
-
-	for(var i=0, l = lines.length; i < l; i++) {
-		var line = lines[i],
-			el_from = line.querySelector('.from');
-
-		if ( ! el_from )
-			continue;
-
-		el_from.classList.toggle('ffz-alias', alias);
-		el_from.classList.toggle('html-tooltip', results[1] || false);
-		el_from.innerHTML = results[0];
-		el_from.title = results[1] || '';
-	}
-
-
-	// Update tab completion.
-	if ( this._inputv )
-		Ember.propertyDidChange(this._inputv, 'ffz_name_suggestions');
-
-	// TODO: Update conversations~
-}
-
-
-// ----------------
-// Chat Commands
-// ----------------
-
-FFZ.chat_commands.purge = function(room, args) {
-	if ( ! args || ! args.length )
-		return "Usage: /purge <user> [ban reason]";
-
-	var name = args.shift(),
-		reason = args.length ? args.join(" ") : "";
-
-	room.room.send("/timeout " + name + " 1 " + reason, true);
-}
-
-FFZ.chat_commands.purge.label = '/purge &lt;user&gt; <i>[reason]</i>';
-FFZ.chat_commands.purge.info = 'Ban User for 1 Second';
-
-FFZ.chat_commands.p = function(room, args) {
-	return FFZ.chat_commands.purge.call(this, room, args);
-}
-
-FFZ.chat_commands.p.enabled = function() { return this.settings.short_commands; }
-FFZ.chat_commands.p.short = true;
-FFZ.chat_commands.p.label = '/p &lt;user&gt; <i>[reason]</i>';
-FFZ.chat_commands.p.info = 'Ban User for 1 Second';
-
-
-FFZ.chat_commands.t = function(room, args) {
-	if ( ! args || ! args.length )
-		return "Usage: /t <user> [duration=600] [reason]";
-	room.room.send("/timeout " + args.join(" "), true);
-}
-
-FFZ.chat_commands.t.enabled = function() { return this.settings.short_commands; }
-FFZ.chat_commands.t.short = true;
-FFZ.chat_commands.t.label = '/t &lt;user&gt; <i>[duration=600] [reason]</i>';
-FFZ.chat_commands.t.info = 'Temporarily Ban User';
-
-
-FFZ.chat_commands.b = function(room, args) {
-	if ( ! args || ! args.length )
-		return "Usage: /b <user> [reason]";
-
-	var name = args.shift(),
-		reason = args.length ? args.join(" ") : "";
-
-	room.room.send("/ban " + name + " " + reason, true);
-}
-
-FFZ.chat_commands.b.enabled = function() { return this.settings.short_commands; }
-FFZ.chat_commands.b.short = true;
-FFZ.chat_commands.b.label = '/b &lt;user&gt; <i>[reason]</i>';
-FFZ.chat_commands.b.info = 'Permanently Ban User';
-
-
-FFZ.chat_commands.u = function(room, args) {
-	if ( ! args || ! args.length )
-		return "Usage: /u <user> [more usernames separated by spaces]";
-
-	if ( args.length > 10 )
-		return "Please only unban up to 10 users at once.";
-
-	for(var i=0; i < args.length; i++) {
-		var name = args[i];
-		if ( name )
-			room.room.send("/unban " + name, true);
-	}
-}
-
-FFZ.chat_commands.u.enabled = function() { return this.settings.short_commands; }
-FFZ.chat_commands.u.short = true;
-FFZ.chat_commands.u.label = '/u &lt;user&gt; <i>[&lt;user&gt; ...]';
-FFZ.chat_commands.u.info = 'Unban User(s)';
\ No newline at end of file
diff --git a/src/ember/player.js b/src/ember/player.js
deleted file mode 100644
index 7c71f82c..00000000
--- a/src/ember/player.js
+++ /dev/null
@@ -1,307 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils'),
-	constants = require('../constants');
-
-
-// ---------------
-// Settings
-// ---------------
-
-FFZ.settings_info.player_stats = {
-	type: 'select',
-	options: {
-		0: ['Disabled', -2],
-		'-1': ['Monochrome', -1],
-		10: 'Warning Colors (10s+)',
-		15: 'Warning Colors (15s+)',
-		20: 'Warning Colors (20s+)',
-		25: 'Warning Colors (25s+)',
-		30: 'Warning Colors (30s+)',
-	},
-
-	value: 0,
-	process_value: utils.process_int(0, 0, -1),
-
-	no_mobile: true,
-
-	category: "Channel Metadata",
-
-	name: "Stream Latency",
-	help: "Display your current stream latency (how far behind the broadcast you are) under the player, with a few useful statistics in a tooltip.",
-
-	on_update: function(val) {
-		if ( this._cindex )
-			this._cindex.ffzUpdateMetadata('player_stats');
-	}
-};
-
-
-FFZ.settings_info.classic_player = {
-	type: "boolean",
-	value: false,
-	no_mobile: true,
-
-	category: "Player",
-
-	name: "Classic Player",
-	help: "Alter the appearance of the player to resemble the older Twitch player with always visible controls.",
-
-	on_update: function(val) {
-		utils.toggle_cls('ffz-classic-player')(val);
-		var Layout = utils.ember_lookup('service:layout');
-		if ( Layout )
-			Layout.set('PLAYER_CONTROLS_HEIGHT', val ? 32 : 0);
-	}
-};
-
-
-FFZ.settings_info.player_volume_bar = {
-	type: "boolean",
-	value: false,
-	no_mobile: true,
-
-	category: "Player",
-
-	name: "Volume Always Expanded",
-	help: "Keep the volume slider expanded even when not hovering over it with the mouse.",
-
-	on_update: utils.toggle_cls('ffz-player-volume')
-};
-
-
-FFZ.settings_info.player_volume_scroll = {
-	type: "boolean",
-	value: false,
-	no_mobile: true,
-
-	category: "Player",
-
-	name: "Adjust Volume by Scrolling",
-	help: "Adjust the player's volume by scrolling up and down with your mouse wheel."
-};
-
-
-/*FFZ.settings_info.player_pause_hosts = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "When Hosting Channel was Paused",
-		2: "Always"
-	},
-
-	value: 1,
-	process_value: utils.process_int(1),
-
-	category: "Player",
-	name: "Auto-Pause Hosted Channels",
-	help: "Automatically pause hosted channels if you paused the channel doing the hosting, or just pause all hosts."
-}*/
-
-
-// ---------------
-// Initialization
-// ---------------
-
-FFZ.prototype.setup_player = function() {
-	utils.toggle_cls('ffz-player-volume')(this.settings.player_volume_bar);
-	utils.toggle_cls('ffz-classic-player')(this.settings.classic_player);
-
-	var Layout = utils.ember_lookup('service:layout');
-	if ( Layout )
-		Layout.set('PLAYER_CONTROLS_HEIGHT', this.settings.classic_player ? 32 : 0);
-
-	this.update_views('component:twitch-player2', this.modify_twitch_player);
-	this.update_views('component:persistent-player', this.modify_persistent_player);
-}
-
-
-// ---------------
-// Component
-// ---------------
-
-FFZ.prototype.modify_persistent_player = function(player) {
-	var f = this;
-	utils.ember_reopen_view(player, {
-		ffz_init: function() {
-			var t = this;
-			this.$().off('mousewheel').on('mousewheel', function(event) {
-				if ( ! f.settings.player_volume_scroll )
-					return;
-
-				// I ain't about that life, jQuery.
-				event = event.originalEvent || event;
-				var delta = event.wheelDelta || -event.detail,
-					player = t.childViews && t.childViews[0] && t.childViews[0].get('player');
-
-				if ( player )
-					player.volume = Math.max(0, Math.min(1, player.volume + (delta > 0 ? .1 : -.1)));
-
-				event.preventDefault();
-				return false;
-			});
-		}
-	})
-}
-
-
-FFZ.prototype.modify_twitch_player = function(player) {
-	var f = this;
-	utils.ember_reopen_view(player, {
-		ffz_init: function() {
-			// We can have multiple players in page now, thanks to persistent players.
-			// Usually the second one will be something we don't want though. Like
-			// the creative showcase.
-			if ( ! f._player || f._player.isDestroying || f._player.isDestroyed )
-				f._player = this;
-
-			var player = this.get('player');
-			if ( player && !this.get('ffz_post_player') )
-				this.ffzPostPlayer();
-		},
-
-		ffz_destroy: function() {
-			if ( f._player === this )
-				f._player = undefined;
-		},
-
-		/*insertPlayer: function(ffz_reset) {
-			// We want to see if this is a hosted video on a play
-			var should_start_paused = this.get('shouldStartPaused'),
-				channel_id = this.get('hostChannel.name'),
-				hosted_id = this.get('channel.name'),
-				is_hosting = channel_id !== hosted_id;
-
-			// Always start unpaused if the person used the FFZ setting to Reset Player.
-			if ( ffz_reset )
-				this.set('shouldStartPaused', false);
-
-			// Alternatively, depending on the setting...
-			else if ( f.settings.player_pause_hosts === 2 && is_hosting )
-				this.set('shouldStartPaused', true);
-
-			this._super();
-
-			// Restore the previous value so it doesn't mess anything up.
-			this.set('shouldStartPaused', should_start_paused);
-
-		}.on('didInsertElement'),*/
-
-		postPlayerSetup: function() {
-			this._super();
-			try {
-				if ( ! this.get('ffz_post_player') )
-					this.ffzPostPlayer();
-			} catch(err) {
-				f.error("Player2 postPlayerSetup: " + err);
-			}
-		},
-
-		ffzRecreatePlayer: function() {
-			var t = this,
-				player = this.get('player'),
-				theatre, fullscreen, had_player = false;
-
-			// Tell the player to destroy itself.
-			if ( player ) {
-				had_player = true;
-				fullscreen = player.fullscreen;
-				theatre = player.theatre;
-				player.fullscreen = false;
-				player.theatre = false;
-				player.destroy();
-			}
-
-			// Break down everything left over from that player.
-			this.$('#player').html('');
-			Mousetrap.unbind(['alt+x', 'alt+t', 'esc']);
-			this.set('player', null);
-			this.set('ffz_post_player', false);
-
-			// Now, let Twitch create a new player as usual.
-			Ember.run.next(function() {
-				t.didInsertElement();
-				had_player && setTimeout(function() {
-					var player = t.get('player');
-					if ( player ) {
-						//player.fullscreen = fullscreen;
-						player.theatre = theatre;
-					}
-				})
-			});
-		},
-
-		/*ffzUpdatePlayerPaused: function() {
-			var channel_id = this.get('hostChannel.name'),
-				hosted_id = this.get('channel.name'),
-				is_hosting = channel_id !== hosted_id,
-
-				player = this.get('player'),
-				is_paused = player.paused;
-
-			f.log("Player Pause State for " + channel_id + ": " + is_paused);
-
-			if ( ! is_hosting ) {
-				this.set('ffz_host_paused', false);
-				this.set('ffz_original_paused', is_paused);
-				return;
-			}
-
-			if ( ! f.settings.player_pause_hosts || is_paused || this.get('ffz_host_paused') )
-				return;
-
-			this.set('ffz_host_paused', true);
-
-			if ( this.get('ffz_original_paused') || f.settings.player_pause_hosts === 2 )
-				player.pause();
-		},
-
-		ffzHostChange: function() {
-			this.set('ffz_host_paused', false);
-		}.observes('channel'),*/
-
-		ffzPostPlayer: function() {
-			var t = this,
-				/*channel_id = this.get('hostChannel.name'),
-				hosted_id = this.get('channel.name'),
-				is_hosting = channel_id !== hosted_id,*/
-
-				player = this.get('player');
-			if ( ! player )
-				return;
-
-			this.set('ffz_post_player', true);
-
-			//if ( ! is_hosting )
-			//	this.set('ffz_original_paused', player.paused);
-
-			//player.addEventListener('pause', this.ffzUpdatePlayerPaused.bind(this));
-			//player.addEventListener('play', this.ffzUpdatePlayerPaused.bind(this));
-
-			// Make the stats window draggable and fix the button.
-			var stats = this.$('.player .js-playback-stats');
-			stats.draggable({cancel: 'li', containment: 'parent'});
-
-			// Add an option to the menu to recreate the player.
-			var t = this,
-				el = this.$('.player-buttons-right .pl-flex')[0],
-				container = el && el.parentElement;
-
-			if ( el && ! container.querySelector('.ffz-player-reset') ) {
-				var btn = utils.createElement('button', 'player-button player-button--reset ffz-player-reset');
-				btn.type = 'button';
-
-				btn.innerHTML = '<span class="player-tip js-control-tip" data-tip="Double-Click to Reset Player"></span>' +
-					constants.CLOSE;
-
-				jQuery(btn).on('dblclick', function(e) {
-				//btn.addEventListener('click', function(e) {
-					t.ffzRecreatePlayer();
-					e.preventDefault();
-					return false;
-				});
-
-				container.insertBefore(btn, el.nextSibling);
-			}
-		}
-	});
-}
\ No newline at end of file
diff --git a/src/ember/room.js b/src/ember/room.js
deleted file mode 100644
index 72cb5245..00000000
--- a/src/ember/room.js
+++ /dev/null
@@ -1,2887 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	HOSTED_SUB = / subscribed to /,
-	constants = require('../constants'),
-	utils = require('../utils'),
-	tmimotes,
-	commerce,
-
-	CLIP_URL = /\b(?:https?:\/\/)?clips\.twitch\.tv\/(\w+)(?:\/)?(\w+)?(?:\/edit)?\b/,
-	VIDEO_URL = /\b(?:https?:\/\/)?(?:www\.)?twitch\.tv\/(?:\w+\/v|videos)\/(\w+)(?:\?[\w\.-=]*)?\b/,
-	FFZ_URL = /\b(?:https?:\/\/)?(?:www\.)?frankerfacez\.com\/emoticon\/(\d+)(?:-\w*)?\b/,
-
-	NOTICE_MAPPING = {
-		'slow': 'slow_on',
-		'slowoff': 'slow_off',
-		'r9kbeta': 'r9k_on',
-		'r9kbetaoff': 'r9k_off',
-		'subscribers': 'subs_on',
-		'subscribersoff': 'subs_off',
-		'emoteonly': 'emote_only_on',
-		'emoteonlyoff': 'emote_only_off',
-		'host': 'host_on',
-		'unhost': 'host_off',
-		'clear': 'clear_chat',
-		'followersoff': 'followers_off',
-		'followers': 'followers_on'
-	},
-
-	STATUS_BADGES = [
-		["r9k", "r9k", "This room is in R9K-mode."],
-		["emote", "emoteOnly", "This room is in Twitch emoticons only mode. Emoticons added by extensions are not available in this mode."],
-		["sub", "subsOnly", "This room is in subscribers-only mode."],
-		["follow", function(room) {
-				return room && ! room.get('isGroupRoom') && room.get('followersOnly') > -1
-			}, function(room) {
-				var name = room && (room.get('channel.display_name') || room.get("tmiRoom.displayName") || room.get('isGroupRoom') ? room.get('tmiRoom.name') : FFZ.get_capitalization(room.get('name')) ),
-					duration = room && room.get('followersOnly') || 0;
-				return "This room is in followers-only mode. You may only participate in chat if you " + (duration > 0 ? " have been following " : 'follow ') + utils.sanitize(name) + (duration > 0 ? " for at least " + utils.duration_string(duration * 60, true, true) : '') + ".";
-			}],
-		["slow", "slow", function(room) { return "This room is in slow mode. You may send messages every <nobr>" + utils.number_commas(room && room.get('slow') || 120) + " seconds</nobr>." }],
-		["ban", "ffz_banned", "You have been banned from talking in this room."],
-		["delay", function(room) {
-			return room && (this.settings.chat_delay === -1 ?
-				room.get('roomProperties.chat_delay_duration')
-				: room.get('ffz_chat_delay'))
-			}, function(room) {
-				var is_mod = this.settings.chat_delay === -1;
-				return "Artificial chat delay is enabled" + (is_mod ? " for this channel" : "") + ". Messages are displayed after " + (room ? (is_mod ? room.get('roomProperties.chat_delay_duration') : room.get('ffz_chat_delay')/1000) : 0) + " seconds" + (is_mod ? " for <nobr>non-moderators</nobr>." : ".");
-			}, null, function(room) {
-				return room && this.settings.chat_delay === -1 && room.get('isModeratorOrHigher') || false;
-			}],
-		["batch", function() { return this.settings.chat_batching !== 0 }, function() { return "You have enabled chat message batching. Messages are displayed in <nobr>" + (this.settings.chat_batching/1000) + " second</nobr> increments." }]
-	],
-
-	// StrimBagZ Support
-	is_android = navigator.userAgent.indexOf('Android') !== -1;
-
-// --------------------
-// Initialization
-// --------------------
-
-FFZ.prototype.setup_room = function() {
-	try {
-		tmimotes = window.require && window.require("web-client/utilities/tmi-emotes").default;
-	} catch(err) { }
-
-	try {
-		commerce = window.require && window.require("web-client/utils/commerce/chat");
-	} catch(err) { }
-
-	this.log("Creating room style element.");
-	var f = this,
-		s = this._room_style = document.createElement("style");
-
-	s.id = "ffz-room-css";
-	document.head.appendChild(s);
-
-	this.log("Hooking the Ember Chat PubSub service.");
-	var PubSub = utils.ember_lookup('service:chat-pubsub');
-
-	if ( PubSub )
-		this._modify_chat_pubsub(PubSub);
-	else
-		this.error("Cannot locate the Chat PubSub service.");
-
-	this.log("Hooking the Ember Room controller.");
-
-	// Responsive ban button.
-	var RC = utils.ember_lookup('controller:room');
-
-	if ( RC ) {
-		var orig_ban = RC._actions.banUser,
-			orig_to = RC._actions.timeoutUser,
-			orig_show = RC._actions.showModOverlay;
-
-		RC._actions.banUser = function(e) {
-			orig_ban.call(this, e);
-			this.get("model").clearMessages(e.user, null, true);
-		}
-
-		RC._actions.timeoutUser = function(e) {
-			orig_to.call(this, e);
-			this.get("model").clearMessages(e.user, null, true);
-		}
-
-
-		RC._actions.showModOverlay = function(e) {
-			var Channel = utils.ember_resolve('model:deprecated-channel'),
-				chan = Channel && Channel.find && Channel.find({id: e.sender});
-
-			if ( ! chan ) {
-				f.log("Error opening mod card. model:deprecated-channel does not exist or does not have find!");
-				return orig_show.call(this, e);
-			}
-
-			// Don't try loading the channel if it's already loaded. Don't make mod cards
-			// refresh the channel page when you click the broadcaster, basically.
-			if ( ! chan.get('isLoaded') )
-				chan.load();
-
-			this.set("showModerationCard", true);
-
-			// We pass in renderBottom and renderRight, which we use to reposition the window
-			// after we know how big it actually is. This doesn't work a lot of the time.
-			this.set("moderationCardInfo", {
-				user: chan,
-				renderTop: e.real_top || e.top,
-				renderLeft: e.left,
-				renderBottom: e.bottom,
-				renderRight: e.right,
-				isIgnored: this.get("tmiSession").isIgnored(e.sender),
-				isChannelOwner: this.get("login.userData.login") === e.sender,
-				profileHref: Twitch.uri.channel(e.sender),
-				isModeratorOrHigher: this.get("model.isModeratorOrHigher")
-			});
-		}
-	}
-
-	this.log("Hooking the Ember Room model.");
-
-	var Room = utils.ember_resolve('model:room');
-	this._modify_room(Room);
-
-	// Modify all current instances of Room, as the changes to the base
-	// class won't be inherited automatically.
-	var instances = Room.instances;
-	for(var key in instances) {
-		if ( ! instances.hasOwnProperty(key) )
-			continue;
-
-		var inst = instances[key];
-		this.add_room(inst.id, inst);
-		this._modify_room(inst);
-		inst.ffzUpdateBadges();
-		inst.ffzPatchTMI();
-	}
-
-
-	var ChannelSubs = utils.ember_lookup('service:channel-subscriptions');
-	if ( ChannelSubs ) {
-		this.log("Hooking the Ember Channel Subscriptions service.");
-		ChannelSubs.reopen({
-			populateSubNotificationTokens: function() {
-				var Chat = utils.ember_lookup('controller:chat'),
-					tokens = Chat && Chat.get('currentRoom.roomProperties.available_chat_notification_tokens');
-
-				return this._super(tokens);
-			},
-
-			_reloadSubNotificationToken: function(e) {
-				var t = this;
-				return this.get("api").request("get", "/api/channels/" + e + "/chat_properties").then(function(e) {
-					var room = f.rooms && f.rooms[e] && f.rooms[e].room;
-					room && room.set('roomProperties.available_chat_notification_tokens', e.available_chat_notification_tokens);
-					t.isDestroyed || t.populateSubNotificationTokens(e.available_chat_notification_tokens)
-				})
-			},
-		});
-	}
-
-	this.update_views('component:chat/chat-room', this.modify_room_component);
-	this.update_views('component:chat/chat-interface', this.modify_chat_interface);
-
-	//this.log("Hooking the Ember Room view.");
-	//this.update_views('view:room', this.modify_room_view);
-}
-
-
-// --------------------
-// Ban Message Formatting
-// --------------------
-
-FFZ.prototype.format_ban_notice = function(username, is_me, duration, count, reasons, moderators, notices) {
-	var name = this.format_display_name(FFZ.get_capitalization(username), username, true),
-		duration_tip = [];
-
-	for(var mod_id in notices) {
-		var notice = notices[mod_id];
-		if ( ! Array.isArray(notice) )
-			notice = [notice];
-
-		var nd = (notice[0] === -Infinity || notice[0] === -1) ? 'unban' : (notice[0] !== null && isFinite(notice[0])) ? utils.duration_string(notice[0], true) : 'ban';
-		duration_tip.push(utils.sanitize(mod_id) + ' - ' + nd + (notice[1] ? ': ' + utils.sanitize(notice[1]) : ''));
-	}
-
-	return (is_me ? 'You have' : '<span data-user="' + utils.quote_san(username) + '" class="user-token html-tooltip" title="' + utils.quote_attr(name[1] || '') + '">' + name[0] + '</span> has') +
-		' been ' + (duration_tip.length ? '<span class="ban-tip html-tooltip" title="' + utils.quote_attr(duration_tip.join('<br>')) + '">' : '') + (duration === -Infinity ? 'unbanned' :
-		(duration === -1 ? 'untimed out' :
-		(duration === 1 ? 'purged' : isFinite(duration) ? 'timed out for ' + utils.duration_string(duration) : 'banned'))) +
-		(count > 1 ? ' (' + utils.number_commas(count) + ' times)' : '') +
-		(moderators && moderators.length ? ' by ' + utils.sanitize(moderators.join(', ')) : '') + (duration_tip.length ? '</span>' : '') +
-		(reasons && reasons.length ? ' with reason' + utils.pluralize(reasons.length) + ': ' + utils.sanitize(reasons.join(', ')) : '.');
-}
-
-// --------------------
-// PubSub is fucking awful
-// --------------------
-
-FFZ.prototype._modify_chat_pubsub = function(pubsub) {
-	var f = this;
-	pubsub.reopen({
-		setupService: function(room_id, t) {
-			var n = this;
-			this.get("session").withCurrentUser(function(user) {
-				if ( n.isDestroyed )
-					return;
-
-				var ps = n._pubsub(),
-					token = user.chat_oauth_token,
-					new_topics = [
-						"chat_message_updated." + room_id,
-						"chat_moderator_actions." + user.id + "." + room_id];
-
-				for(var i=0; i < new_topics.length; i++)
-					ps.Listen({
-						topic: new_topics[i],
-						auth: token,
-						success: function() {},
-						failure: function(t) { f.log("[PubSub] Failed to listen to topic: " + new_topics[i], t); },
-						message: Ember.run.bind(n, n._onPubsubMessage, new_topics[i])
-					});
-
-				if ( n.chatTopics )
-					n.chatTopics = n.chatTopics.concat(new_topics);
-				else
-					n.chatTopics = new_topics;
-
-				ps.on("connected", Ember.run.bind(n, n._onPubsubConnect));
-				ps.on("disconnected", Ember.run.bind(n, n._onPubsubDisconnect));
-				t();
-			});
-		},
-
-		tearDownService: function(room_id) {
-			if ( ! this.chatTopics )
-				return;
-
-			var ps = this._pubsub(),
-				old_topics;
-
-			if ( ! room_id )
-				room_id = this.get("ffz_teardown_target");
-
-			if ( room_id ) {
-				// Make sure it's a string.
-				room_id = '.' + room_id;
-				old_topics = this.chatTopics.filter(function(x) { return x.substr(-room_id.length) === room_id });
-			} else
-				old_topics = this.chatTopics;
-
-			for(var i=0; i < old_topics.length; i++) {
-				var topic = old_topics[i];
-				// Try stupid stuff to remove duplicate events.
-				if ( topic.substr(0, 23) === 'chat_moderator_actions.' )
-					ps.Unlisten({
-						topic: topic.split('.', 2).join('.'),
-						success: function() {},
-						failure: function() {}
-					});
-
-				ps.Unlisten({
-					topic: topic,
-					success: function() {},
-					failure: function(topic, t) { f.log("[PubSub] Failed to unlisten to topic: " +topic, t); }.bind(this, topic)
-				});
-				this.chatTopics.removeObject(old_topics[i]);
-			}
-
-			if ( ! this.chatTopics.length )
-				this.chatTopics = null;
-		},
-
-		_onPubsubMessage: function(topic, e) {
-			if ( this.isDestroyed )
-				return;
-
-			var msg = JSON.parse(e),
-				msg_data = msg.data,
-				msg_type = msg.type || msg_data.type;
-
-			if ( msg_data )
-				msg_data.topic = topic;
-
-			this.trigger(msg_type, msg_data);
-		}
-	});
-
-	if ( ! pubsub.chatTopics )
-		return;
-
-	// Now that we've modified that, we need to re-listen to everything.
-	pubsub.get("session").withCurrentUser(function(user) {
-		if ( pubsub.isDestroyed )
-			return;
-
-		var ps = pubsub._pubsub(),
-			token = user.chat_oauth_token,
-			internal_topics = ps._client & ps._client._listens && ps._client._listens._events || {};
-
-		for(var i=0; i < pubsub.chatTopics.length; i++) {
-			var topic = pubsub.chatTopics[i];
-
-			ps.Unlisten({
-				topic: topic,
-				success: function() {},
-				failure: function(topic, t) { f.log("[PubSub] Failed to unlisten to topic: " + topic, t); }.bind(this, topic)
-			});
-
-			// Find the event and manually remove our listeners. We still want the topic so
-			// we don't clean it up too much, but we need to get rid of the existing bound
-			// functions to avoid anything screwing up.
-			var it = internal_topics[topic];
-			if ( it && it.length )
-				it.splice(0, it.length);
-
-			// Now, register our own event handler.
-			ps.Listen({
-				topic: topic,
-				auth: token,
-				success: function() {},
-				failure: function(topic, t) { f.log("[PubSub] Failed to listen to topic: " + topic, t); }.bind(this, topic),
-				message: Ember.run.bind(pubsub, pubsub._onPubsubMessage, topic)
-			});
-		}
-	});
-}
-
-
-// --------------------
-// View Customization
-// --------------------
-
-FFZ.prototype.modify_chat_interface = function(component) {
-	var f = this;
-	utils.ember_reopen_view(component, {
-		ffz_init: function() {
-			f._chati = this;
-		},
-
-		ffz_destroy: function() {
-			if ( f._chati === this )
-				f._chati = undefined;
-		},
-
-		submitButtonText: function() {
-			if ( this.get('room.isWhisperMessage') )
-				return i18n('Whisper');
-
-			var wait = this.get('room.slowWait'),
-				msg = this.get('room.messageToSend') || '',
-				first_char = msg.charAt(0),
-				is_cmd = first_char === '/' || first_char === '.';
-
-			if ( (is_cmd && msg.substr(0,4) !== '/me ') || ! wait || ! f.settings.room_status )
-				return i18n('Chat');
-
-			return utils.time_to_string(wait, false, false, true);
-
-		}.property('room.isWhisperMessage', 'room.slowWait')
-	});
-}
-
-
-FFZ.HoverPause = {
-	ffz_frozen: false,
-	ffz_ctrl: false,
-	ffz_freeze_selector: '.chat-messages',
-
-	ffzAddKeyHook: function() {
-		if ( ! this._ffz_freeze_key ) {
-			var key = this._ffz_freeze_key = this.ffzFreezeOnKey.bind(this);
-			document.body.addEventListener('keydown', key);
-			document.body.addEventListener('keyup', key);
-		}
-	},
-
-	ffzRemoveKeyHook: function() {
-		if ( this._ffz_freeze_key ) {
-			var key = this._ffz_freeze_key;
-			this._ffz_freeze_key = null;
-			document.body.removeEventListener('keydown', key);
-			document.body.removeEventListener('keyup', key);
-		}
-	},
-
-	ffzEnableFreeze: function() {
-		var el = this.get('element'),
-			scroller = this.get('chatMessagesScroller'),
-			messages = (scroller && scroller[0]) || (el && el.querySelector(this.get('ffz_freeze_selector')));
-
-		if ( ! messages )
-			return;
-
-		this._ffz_freeze_messages = messages;
-
-		if ( ! this._ffz_freeze_mouse_move ) {
-			var mm = this._ffz_freeze_mouse_move = this.ffzFreezeMouseMove.bind(this);
-			messages.addEventListener('mousemove', mm);
-			messages.addEventListener('touchmove', mm);
-		}
-
-		if ( ! this._ffz_freeze_mouse_out ) {
-			var mo = this._ffz_freeze_mouse_out = this.ffzFreezeMouseOut.bind(this);
-			messages.addEventListener('mouseout', mo);
-		}
-
-		this.ffzAddKeyHook();
-	},
-
-	ffzDisableFreeze: function() {
-		if ( this._ffz_freeze_interval ) {
-			clearInterval(this._ffz_freeze_interval);
-			this._ffz_freeze_interval = null;
-		}
-
-		if ( this._ffz_freeze_messages ) {
-			var messages = this._ffz_freeze_messages;
-			this._ffz_freeze_messages = null;
-
-			if ( this._ffz_freeze_mouse_move ) {
-				var mm = this._ffz_freeze_mouse_move;
-				this._ffz_freeze_mouse_move = null;
-				messages.removeEventListener('mousemove', mm);
-				messages.removeEventListener('touchmove', mm);
-			}
-
-			if ( this._ffz_freeze_mouse_out ) {
-				messages.removeEventListener('mouseout', this._ffz_freeze_mouse_out);
-				this._ffz_freeze_mouse_out = null;
-			}
-		}
-	},
-
-	ffzFreezePulse: function() {
-		if ( this.ffz_frozen && ! this.ffzShouldBeFrozen() )
-			this.ffzUnfreeze();
-	},
-
-	ffzFreeze: function() {
-		this.set('ffz_frozen', true);
-		if ( this.get('stuckToBottom') ) {
-			if ( ! this._ffz_freeze_interval )
-				this._ffz_freeze_interval = setInterval(this.ffzFreezePulse.bind(this), 200);
-
-			this.ffzFreezeUpdateBuffer && this.ffzFreezeUpdateBuffer(false);
-			this.ffzFreezeWarn();
-		}
-	},
-
-	ffzUnfreeze: function(from_stuck) {
-		this.set('ffz_frozen', false);
-		this._ffz_freeze_last_move = 0;
-		this.ffzFreezeUnwarn();
-
-		if ( this._ffz_freeze_interval ) {
-			clearInterval(this._ffz_freeze_interval);
-			this._ffz_freeze_interval = null;
-		}
-
-		if ( ! from_stuck && this.get('stuckToBottom') )
-			this._scrollToBottom();
-	},
-
-	ffzFreezeWarn: function() {
-		var el = this.get('element'),
-			warning = el && el.querySelector('.chat-interface .more-messages-indicator.ffz-freeze-indicator');
-
-		if ( ! el )
-			return;
-
-		if ( warning )
-			return warning.classList.remove('hidden');
-
-		warning = utils.createElement('div', 'more-messages-indicator ffz-freeze-indicator');
-
-		var hp = FFZ.get().settings.chat_hover_pause,
-			label = hp === 2 ? 'Ctrl Key' :
-				hp === 3 ? (constants.META_NAME + ' Key') :
-				hp === 4 ? 'Alt Key' :
-				hp === 5 ? 'Shift Key' :
-				hp === 6 ? 'Ctrl or Mouse' :
-				hp === 7 ? (constants.META_NAME + ' or Mouse') :
-				hp === 8 ? 'Alt or Mouse' :
-				hp === 9 ? 'Shift or Mouse' :
-				'Mouse Movement';
-
-		warning.innerHTML = '(Chat Paused Due to ' + label + ')';
-
-		var cont = el.querySelector('.chat-interface');
-		if ( ! cont )
-			return;
-		cont.insertBefore(warning, cont.childNodes[0])
-	},
-
-	ffzFreezeUnwarn: function() {
-		var el = this.get('element'),
-			warning = el && el.querySelector('.chat-interface .more-messages-indicator.ffz-freeze-indicator');
-
-		if ( warning )
-			warning.classList.add('hidden');
-	},
-
-	ffzShouldBeFrozen: function(since) {
-		if ( since === undefined )
-			since = Date.now() - this._ffz_freeze_last_move;
-
-		var hp = FFZ.get().settings.chat_hover_pause;
-		return (this._ffz_freeze_ctrl && (hp === 2 || hp === 6)) ||
-			(this._ffz_freeze_meta    && (hp === 3 || hp === 7)) ||
-			(this._ffz_freeze_alt     && (hp === 4 || hp === 8)) ||
-			(this._ffz_freeze_shift   && (hp === 5 || hp === 9)) ||
-			(since < 750              && (hp === 1 || hp > 5));
-	},
-
-	ffzFreezeMouseOut: function(event) {
-		this._ffz_freeze_outside = true;
-		var e = this;
-		setTimeout(function() {
-			if ( e._ffz_freeze_outside ) {
-				if ( FFZ.get().settings.chat_mod_icon_visibility > 1 )
-					e.get('element').classList.toggle('show-mod-icons', false);
-
-				e.ffzUnfreeze();
-			}
-		}, 25);
-	},
-
-	ffzFreezeOnKey: function(event) {
-		this._ffz_freeze_alt = event.altKey;
-		this._ffz_freeze_ctrl = event.ctrlKey;
-		this._ffz_freeze_meta = event.metaKey;
-		this._ffz_freeze_shift = event.shiftKey;
-
-		var f = FFZ.get(),
-			cmi = f.settings.chat_mod_icon_visibility;
-
-		if ( ! this._ffz_freeze_outside && cmi > 1 )
-			this.get('element').classList.toggle('show-mod-icons',
-				cmi === 2 ? this._ffz_freeze_ctrl :
-				cmi === 3 ? this._ffz_freeze_meta :
-				cmi === 4 ? this._ffz_freeze_alt :
-				this._ffz_freeze_shift);
-
-		if ( this._ffz_freeze_outside || f.settings.chat_hover_pause < 2 )
-			return;
-
-		// Okay, so at this point we should change the state of the freeze?
-		var should_freeze = this.ffzShouldBeFrozen(),
-			freeze_change = this.ffz_frozen !== should_freeze;
-
-		if ( freeze_change )
-			if ( should_freeze )
-				this.ffzFreeze();
-			else
-				this.ffzUnfreeze();
-	},
-
-	ffzFreezeMouseMove: function(event) {
-		this._ffz_freeze_last_move = Date.now();
-		this._ffz_freeze_outside = false;
-
-		// If nothing of interest has happened, stop.
-		if ( event.altKey === this._ffz_freeze_alt &&
-				event.shiftKey === this._ffz_freeze_shift &&
-				event.ctrlKey === this._ffz_freeze_ctrl &&
-				event.metaKey === this._ffz_freeze_meta &&
-				event.screenX === this._ffz_freeze_last_screenx &&
-				event.screenY === this._ffz_freeze_last_screeny )
-			return;
-
-		// Grab state.
-		this._ffz_freeze_alt = event.altKey;
-		this._ffz_freeze_ctrl = event.ctrlKey;
-		this._ffz_freeze_meta = event.metaKey;
-		this._ffz_freeze_shift = event.shiftKey;
-
-		this._ffz_freeze_last_screenx = event.screenX;
-		this._ffz_freeze_last_screeny = event.screenY;
-
-		var cmi = FFZ.get().settings.chat_mod_icon_visibility;
-		if ( ! this._ffz_freeze_outside && cmi > 1 )
-			this.get('element').classList.toggle('show-mod-icons',
-				cmi === 2 ? this._ffz_freeze_ctrl :
-				cmi === 3 ? this._ffz_freeze_meta :
-				cmi === 4 ? this._ffz_freeze_alt :
-				this._ffz_freeze_shift);
-
-		var should_freeze = this.ffzShouldBeFrozen(),
-			freeze_change = this.ffz_frozen !== should_freeze;
-
-		if ( freeze_change )
-			if ( should_freeze )
-				this.ffzFreeze();
-			else
-				this.ffzUnfreeze();
-	},
-
-	_prepareStickyBottom: function() {
-		var t = this,
-			scroller = this.get('chatMessagesScroller') || this._$chatMessagesScroller;
-		this._setStuckToBottom(true);
-		scroller.on(this._scrollEvents, function(e) {
-			if ( scroller && scroller[0] && ((!t.ffz_frozen && 'mousedown' === e.type) || 'wheel' === e.type || 'mousewheel' === e.type) ) {
-				var distance = scroller[0].scrollHeight - scroller[0].scrollTop - scroller[0].offsetHeight;
-				t._setStuckToBottom(distance <= 10);
-			}
-		});
-	},
-
-	ffzFixStickyBottom: function() {
-		(this.get('chatMessagesScroller') || this._$chatMessagesScroller).off(this._scrollEvents);
-		this._prepareStickyBottom();
-	},
-
-	_scrollToBottom: function() {
-		var e = this;
-		this._scrollToBottomRequested = true;
-		Ember.run.schedule("afterRender", function() {
-			if ( ! e.ffz_frozen && ! e.isDestroyed && ! e.isDestroying && e._scrollToBottomRequested ) {
-				var t = e.get('chatMessagesScroller') || e._$chatMessagesScroller;
-				if ( t && t.length ) {
-					t[0].scrollTop = t[0].scrollHeight;
-					e._setStuckToBottom(true);
-				}
-			}
-		});
-	},
-
-	_setStuckToBottom: function(val) {
-		this.set('stuckToBottom', val);
-		this.ffzFreezeUpdateBuffer && this.ffzFreezeUpdateBuffer(val);
-		if ( ! val )
-			this.ffzUnfreeze();
-	}
-}
-
-
-FFZ.prototype.modify_room_component = function(component) {
-	var f = this,
-		PinnedCheers = utils.ember_lookup('service:bits-pinned-cheers'),
-		ChannelSubs = utils.ember_lookup('service:channel-subscriptions');
-
-	utils.ember_reopen_view(component, _.extend({
-		ffz_init: function() {
-			f._roomv = this;
-
-			if ( ! f.has_bttv_6 ) {
-				this.ffzFixStickyBottom();
-				this.ffzAddKeyHook();
-
-				if ( f.settings.chat_hover_pause )
-					this.ffzEnableFreeze();
-			}
-
-			if ( ! f.has_bttv ) {
-				if ( f.settings.room_status )
-					this.ffzUpdateStatus();
-			}
-
-			var t = this,
-				actions = this._actions || {},
-				orig_show = actions.showModOverlay;
-
-			actions.accommodatePinnedMessage = function(e) {
-				var el = t.get('element'),
-					chat = el && el.querySelector('.js-chat-messages');
-
-				if ( chat )
-					chat.dataset.pinned_height = e;
-			};
-
-			actions.showModOverlay = function(e) {
-				var Channel = utils.ember_resolve('model:deprecated-channel'),
-					chan = Channel && Channel.find && Channel.find({id: e.sender});
-
-				if ( ! chan ) {
-					f.log("Error opening mod card. model:deprecated-channel does not exist or does not have find!");
-					return orig_show && orig_show.call(this, e);
-				}
-
-				// Don't try loading the channel if it's already loaded. Don't make mod cards
-				// refresh the channel page when you click the broadcaster, basically.
-				if ( ! chan.get('isLoaded') )
-					chan.load();
-
-				this.set("showModerationCard", true);
-
-				// We pass in renderBottom and renderRight, which we use to reposition the window
-				// after we know how big it actually is. This doesn't work a lot of the time.
-				this.set("moderationCardInfo", {
-					user: chan,
-					renderTop: e.real_top || e.top,
-					renderLeft: e.left,
-					renderBottom: e.bottom,
-					renderRight: e.right,
-					isIgnored: this.get("tmiSession").isIgnored(e.sender),
-					isChannelOwner: this.get("session.userData.login") === e.sender,
-					profileHref: Twitch.uri.profile(e.sender),
-					isModeratorOrHigher: this.get("room.isModeratorOrHigher")
-				});
-			}
-
-			this.ffzUpdateRecent();
-		},
-
-		ffz_destroy: function() {
-			if ( f._roomv === this )
-				f._roomv = undefined;
-
-			this.ffzDisableFreeze();
-			this.ffzRemoveKeyHook();
-		},
-
-
-		ffzUpdateRecent: function() {
-			var t = this,
-				el = this.get('element'),
-				container = this.get('ffz_recent_el'),
-				con_count = this.get('ffz_recent_count_el'),
-				should_show = f.settings.recent_highlights && ! f.has_bttv;
-
-			if ( ! el )
-				return;
-
-			if ( ! container ) {
-				if ( ! should_show )
-					return;
-
-				container = utils.createElement('ul', 'chat-history');
-				var expander = utils.createElement('div', 'ffz-recent-expando', 'Recent Highlights<span class="pill"></span>'),
-					big_el = utils.createElement('div', 'ffz-recent-messages', expander),
-					btn_handle = utils.createElement('span', 'ffz-handle ffz-close-button'),
-					super_parent = document.body.querySelector('.app-main');
-
-				con_count = expander.querySelector('.pill');
-				container.classList.toggle('dark', f.settings.dark_twitch);
-				expander.insertBefore(btn_handle, expander.firstChild);
-				container.dataset.docked = true;
-
-				big_el.appendChild(container);
-				el.appendChild(big_el);
-				el.classList.add('ffz-has-recent-messages');
-
-				this.set('ffz_recent_el', container);
-				this.set('ffz_recent_count_el', con_count);
-
-				expander.addEventListener('mousemove', function(e) {
-					con_count.textContent = '';
-					t.set('room.ffz_recent_highlights_unread', 0);
-				});
-
-				btn_handle.addEventListener('click', function(e) {
-					if ( ! big_el.classList.contains('ui-moved') || ! e.button === 0 )
-						return;
-
-					big_el.style.top = 0;
-					big_el.style.left = 0;
-					big_el.classList.remove('ui-moved');
-					big_el.parentElement.removeChild(big_el);
-					el.appendChild(big_el);
-					el.classList.add('ffz-has-recent-messages');
-					container.dataset.docked = true;
-				});
-
-				var st;
-				jQuery(big_el).draggable({
-					handle: expander,
-					start: function(e) {
-						st = container.scrollTop;
-						big_el.classList.add('ui-moved');
-						container.dataset.docked = false;
-						el.classList.remove('ffz-has-recent-messages');
-					},
-
-					stop: function(e) {
-						if ( big_el.parentElement !== super_parent ) {
-							var rect = big_el.getBoundingClientRect(),
-								pr = super_parent.getBoundingClientRect();
-
-							big_el.parentElement.removeChild(big_el);
-							super_parent.appendChild(big_el);
-
-							big_el.style.top = (rect.top - pr.top) + "px";
-							big_el.style.left = (rect.left - pr.left) + "px";
-						}
-
-						container.scrollTop = st;
-					}
-				});
-
-				jQuery(container).on('click', '.chat-line', function(e) {
-					if ( ! e.target || e.button !== 0 )
-						return;
-
-					var jq = jQuery(e.target),
-						cl = e.target.classList,
-						line = cl.contains('chat-line') ? e.target : jq.parents('.chat-line')[0],
-						room_id = line && line.dataset.room,
-						room = room_id && f.rooms[room_id] && f.rooms[room_id].room,
-						from = line && line.dataset.sender,
-						msg_id = line && line.dataset.id;
-
-					if ( cl.contains('deleted-word') ) {
-						jq.trigger('mouseout');
-						e.target.outerHTML = e.target.dataset.text;
-
-					} else if ( cl.contains('deleted-link') )
-						return f._deleted_link_click.call(e.target, e);
-
-					else if ( cl.contains('badge') ) {
-						if ( cl.contains('click_action') ) {
-							var badge = f.badges && f.badges[e.target.getAttribute('data-badge-id')];
-							if ( badge.click_action )
-								badge.click_action.call(f, this.get('msgObject'), e);
-
-						} else if ( cl.contains('click_url') )
-							window.open(e.target.dataset.url, "_blank");
-
-						else if ( cl.contains('turbo') )
-							window.open("/products/turbo?ref=chat_badge", "_blank");
-
-						else if ( cl.contains('subscriber') )
-							window.open("/" + room_id + "/subscribe?ref=in_chat_subscriber_link");
-
-					} else if ( f._click_emote(e.target, e) )
-						return;
-
-					else if ( (f.settings.clickable_mentions && cl.contains('user-token')) || cl.contains('from') || e.target.parentElement.classList.contains('from') ) {
-						var target = cl.contains('user-token') ? e.target.dataset.user : from;
-						if ( ! target )
-							return;
-
-						var bounds = line && line.getBoundingClientRect() || document.body.getBoundingClientRect(),
-							x = 0, right;
-
-						if ( bounds.left > 400 )
-							right = bounds.left - 40;
-
-						f._roomv.actions.showModOverlay.call(f._roomv, {
-							left: bounds.left,
-							right: right,
-							top: bounds.top + bounds.height,
-							real_top: bounds.top,
-							sender: target
-						});
-
-					}
-				});
-
-			} else if ( ! should_show ) {
-				jQuery(container.parentElement).remove();
-				this.set('ffz_recent_el', null);
-				this.set('ffz_recent_count_el', null);
-				el.classList.remove('ffz-has-recent-messages');
-				return;
-			}
-
-			var was_at_bottom = container.scrollTop >= (container.scrollHeight - container.clientHeight);
-			container.innerHTML = '';
-			con_count.textContent = container.dataset.docked ? utils.format_unread(this.get('room.ffz_recent_highlights_unread') || 0) : '';
-
-			var messages = this.get('room.ffz_recent_highlights') || [];
-			for(var i=0; i < messages.length; i++)
-				container.appendChild(f._build_mod_card_history(messages[i], null, true));
-
-			if ( was_at_bottom )
-				container.scrollTop = container.scrollHeight;
-
-		}.observes('room'),
-
-
-		ffzUpdateBits: function() {
-			var t = this,
-				channel = this.get('room.channel'),
-				bits_room = this.get('bitsRoom');
-			if ( ! channel || ! bits_room )
-				return;
-
-			PinnedCheers && PinnedCheers.dismissLocalMessage();
-
-			if ( ! channel.get('isLoaded') )
-				channel.load().then(function() { bits_room.reset(); t._initializeBits(channel) })
-			else {
-				bits_room.reset();
-				this._initializeBits(channel);
-			}
-
-			ChannelSubs && ChannelSubs.populateSubNotificationTokens(this.get('room.roomProperties.available_chat_notification_tokens'));
-
-		}.observes('room'),
-
-		ffzFreezeUpdateBuffer: function(val) {
-			var room = this.get('room');
-			if ( val === undefined )
-				val = this.get('stuckToBottom');
-
-			if ( room )
-				room.messageBufferSize = f.settings.scrollback_length + ( val ? 0 : 150 );
-		},
-
-		ffzUpdateStatus: function() {
-			var room = this.get('room'),
-				el = this.get('element'),
-				container = el && el.querySelector('.chat-buttons-container');
-
-			if ( ! container )
-				return;
-
-			var btn = container.querySelector('button');
-
-			if ( f.has_bttv || ! f.settings.room_status ) {
-				jQuery(".ffz.room-state", container).remove();
-
-				if ( btn ) {
-					btn.classList.remove('ffz-waiting');
-					btn.classList.remove('ffz-banned');
-				}
-
-				return;
-
-			} else if ( btn ) {
-				btn.classList.toggle('ffz-waiting', room && room.get('slowWait') || 0);
-				btn.classList.toggle('ffz-banned', room && room.get('ffz_banned') || false);
-			}
-
-			var badge, id, info, vis_count = 0, label;
-			for(var i=0; i < STATUS_BADGES.length; i++) {
-				info = STATUS_BADGES[i];
-				id = 'ffz-stat-' + info[0];
-				badge = container.querySelector('#' + id);
-				visible = typeof info[1] === 'function' ? info[1].call(f, room) : room && room.get(info[1]);
-				if ( typeof visible === 'string' )
-					visible = visible === '1';
-
-				label = typeof info[3] === "function" ? info[3].call(f, room) : undefined;
-
-				if ( ! badge ) {
-					badge = utils.createElement('span', 'ffz room-state stat float-right', (label || info[0]).charAt(0).toUpperCase() + '<span>' + (label || info[0]).substr(1).toUpperCase() + '</span>');
-					badge.id = id;
-					jQuery(badge).zipsy({html: true, gravity: utils.newtip_placement(constants.TOOLTIP_DISTANCE, 'se')});
-					container.appendChild(badge);
-				}
-
-				if ( label )
-					badge.innerHTML = (label || info[0]).charAt(0).toUpperCase() + '<span>' + (label || info[0]).substr(1).toUpperCase() + '</span>';
-
-				badge.title = typeof info[2] === "function" ? info[2].call(f, room) : info[2];
-				badge.classList.toggle('hidden', ! visible);
-				badge.classList.toggle('faded', info[4] !== undefined ? typeof info[4] === "function" ? info[4].call(f, room) : info[4] : false);
-				if ( visible )
-					vis_count++;
-			}
-
-			jQuery(".ffz.room-state", container).toggleClass('truncated', vis_count > 3);
-		}.observes('room')
-
-	}, FFZ.HoverPause));
-}
-
-
-// --------------------
-// Command System
-// --------------------
-
-FFZ.chat_commands = {};
-FFZ.ffz_commands = {};
-
-
-FFZ.prototype.room_message = function(room, text) {
-	if ( this.has_bttv_6 ) {
-		var lines = text.split("\n");
-		for(var i=0; i < lines.length; i++)
-			BetterTTV.chat.handlers.onPrivmsg(room.id, {style: 'admin', date: new Date(), from: 'jtv', message: lines[i]});
-
-	} else
-		room.room.addMessage({ffz_line_returns: true, style: 'ffz admin', date: new Date(), from: 'FFZ', message: text});
-}
-
-
-FFZ.prototype.run_command = function(text, room_id) {
-	var room = this.rooms[room_id];
-	if ( ! room || ! room.room )
-		return false;
-
-	if ( ! text )
-		return;
-
-	var args = text.split(" "),
-		cmd = args.shift().substr(1).toLowerCase(),
-
-		command = FFZ.chat_commands[cmd],
-		output;
-
-	if ( ! command )
-		return false;
-
-	if ( command.hasOwnProperty('enabled') ) {
-		var val = command.enabled;
-		if ( typeof val == "function" ) {
-			try {
-				val = command.enabled.call(this, room, args);
-			} catch(err) {
-				this.error('command "' + cmd + '" enabled', err);
-				val = false;
-			}
-		}
-
-		if ( ! val )
-			return false;
-	}
-
-	this.log("Received Command: " + cmd, args, true);
-
-	try {
-		output = command.call(this, room, args);
-	} catch(err) {
-		this.error('command "' + cmd + '" runner: ' + err);
-		output = "There was an error running the command.";
-	}
-
-	if ( output )
-		this.room_message(room, output);
-
-	return true;
-}
-
-
-FFZ.prototype.run_ffz_command = function(text, room_id) {
-	var room = this.rooms[room_id];
-	if ( ! room || !room.room )
-		return;
-
-	if ( ! text ) {
-		// Try to pop-up the menu.
-		var link = document.querySelector('a.ffz-ui-toggle');
-		if ( link )
-			return link.click();
-
-		text = "help";
-	}
-
-	var args = text.split(" "),
-		cmd = args.shift().toLowerCase();
-
-	this.log("Received Command: " + cmd, args, true);
-
-	var command = FFZ.ffz_commands[cmd], output;
-	if ( command ) {
-		try {
-			output = command.call(this, room, args);
-		} catch(err) {
-			this.log("Error Running Command - " + cmd + ": " + err, room);
-			output = "There was an error running the command.";
-		}
-	} else
-		output = 'There is no "' + cmd + '" command.';
-
-	if ( output )
-		this.room_message(room, output);
-}
-
-
-FFZ.ffz_commands.help = function(room, args) {
-	if ( args && args.length ) {
-		var command = FFZ.ffz_commands[args[0].toLowerCase()];
-		if ( ! command )
-			return 'There is no "' + args[0] + '" command.';
-
-		else if ( ! command.help )
-			return 'No help is available for the command "' + args[0] + '".';
-
-		else
-			return command.help;
-	}
-
-	var cmds = [];
-	for(var c in FFZ.ffz_commands)
-		FFZ.ffz_commands.hasOwnProperty(c) && cmds.push(c);
-
-	return "The available commands are: " + cmds.join(", ");
-}
-
-FFZ.ffz_commands.help.help = "Usage: /ffz help [command]\nList available commands, or show help for a specific command.";
-
-
-// --------------------
-// Room Management
-// --------------------
-
-FFZ.prototype.update_room_important = function(id, controller) {
-	var Chat = controller || utils.ember_lookup('controller:chat'),
-		current_room = Chat && Chat.get('currentChannelRoom'),
-		room = this.rooms[id];
-
-	if ( ! room )
-		return;
-
-	room.important = (room.room && current_room === room.room) || (current_room && current_room.ffz_host_target === id) || (room.room && room.room.get('isGroupRoom')) || (this.settings.pinned_rooms.indexOf(id) !== -1);
-};
-
-
-FFZ.prototype._update_room_badge_css = function(room_id) {
-	var room = this.rooms[room_id],
-		badges = room && room.badges || {},
-		output = [];
-
-	// For rooms that don't have sub badges set.
-	/*if ( badges && ! badges.subscriber ) {
-		var BadgeService = utils.ember_lookup('service:badges'),
-			global = BadgeService && BadgeService.badgeCollection && BadgeService.badgeCollection.global;
-		badges.subscriber = global.subscriber;
-		if ( badges.subscriber ) {
-			badges.subscriber.allow_invert = true;
-			badges.subscriber.invert_invert = true;
-		}
-	}*/
-
-	for(var badge_id in badges) {
-		var versions = badges[badge_id] && badges[badge_id].versions || {};
-		for(var version in versions)
-			output.push(utils.room_badge_css(room_id, badge_id, version, versions[version]));
-	}
-
-	// Loyalty Badges Disabled
-	if ( badges.subscriber ) {
-		var versions = badges.subscriber.versions || {},
-			lowest = versions[0] || versions[1];
-
-		if ( lowest )
-			output.push(utils.room_badge_css(room_id, badge_id, Infinity, lowest));
-	}
-
-	utils.update_css(this._badge_style, 'twitch-room-' + room_id, output.join(''));
-}
-
-
-FFZ.prototype.add_room = function(room_id, room) {
-	if ( this.rooms[room_id] )
-		return this.log("Tried to add existing room: " + room_id);
-
-	this.log("Adding Room: " + room_id);
-
-	// Create a basic data table for this room.
-	var data = this.rooms[room_id] = {
-		id: room_id,
-		room: room,
-		users: {},
-		sets: [],
-		ext_sets: [],
-		css: null,
-		needs_history: false};
-
-	if ( this.follow_sets && this.follow_sets[room_id] ) {
-		data.extra_sets = this.follow_sets[room_id];
-		delete this.follow_sets[room_id];
-
-		for(var i=0; i < data.extra_sets.length; i++) {
-			var sid = data.extra_sets[i],
-				set = this.emote_sets && this.emote_sets[sid];
-
-			if ( set ) {
-				if ( set.users.indexOf(room_id) === -1 )
-					set.users.push(room_id);
-				room.ffzRetokenizeUser();
-				continue;
-			}
-
-			this.load_set(sid, function(success, data) {
-				if ( success ) {
-					if ( data.users.indexOf(room_id) === -1 )
-						data.users.push(room_id);
-					room.ffzRetokenizeUser();
-				}
-			});
-		}
-	}
-
-	// Store the badges for this room now if we have them.
-	var bs = utils.ember_lookup('service:badges');
-	if ( bs && bs.badgeCollection && bs.badgeCollection.channel && bs.badgeCollection.channel.broadcasterName === room_id ) {
-		data.badges = bs.badgeCollection.channel;
-		this._update_room_badge_css(room_id);
-	}
-
-	// Look up if the room has moderation logs.
-	var f = this;
-	this.ws_send("has_logs", room_id, function(success, response) {
-		if ( ! success )
-			return;
-
-		data.has_logs = response.has_logs;
-		data.log_source = response.log_source;
-
-		if ( f.settings.mod_card_history === 1 )
-			data.user_history = undefined;
-
-	}, true);
-
-	// Is the room important?
-	this.update_room_important(room_id);
-
-	if ( data.important )
-		// Let the server know where we are.
-		this.ws_sub("room." + room_id);
-
-		// Do we want history?
-		/*if ( ! this.has_bttv && this.settings.chat_history && room && (room.get('messages.length') || 0) < 10 ) {
-			if ( ! this.ws_send("chat_history", [id,25], this._load_history.bind(this, id)) )
-				data.needs_history = true;
-		}*/
-
-
-	// Why don't we set the scrollback length, too?
-	room.set('messageBufferSize', this.settings.scrollback_length + ((this._roomv && !this._roomv.get('stuckToBottom') && this._roomv.get('room.id') === room_id) ? 150 : 0));
-
-	// Load the room's data from the API.
-	this.load_room(room_id);
-
-	// Announce this room to any extension callback functions.
-	this.api_trigger('room-add', room_id);
-}
-
-
-FFZ.prototype.remove_room = function(room_id) {
-	var room = this.rooms[room_id];
-	if ( ! room )
-		return;
-
-	this.log("Removing Room: " + room_id);
-
-	// Remove the CSS
-	if ( room.css || room.moderator_badge )
-		utils.update_css(this._room_style, room_id, null);
-
-	// Let the server know we're gone and delete our data for this room.
-	this.ws_unsub("room." + room_id);
-	delete this.rooms[room_id];
-
-	// Clean up sets we aren't using any longer.
-	var set = this.emote_sets[room.set];
-	if ( set ) {
-		set.users.removeObject(room_id);
-		if ( ! this.global_sets.contains(room.set) && ! set.users.length )
-			this.unload_set(room.set);
-	}
-
-	this.api_trigger('room-remove', room_id);
-}
-
-
-// --------------------
-// Receiving Set Info
-// --------------------
-
-FFZ.prototype.load_room = function(room_id, callback, tries) {
-	var f = this;
-	jQuery.getJSON(constants.API_SERVER + "v1/room/" + room_id)
-		.done(function(data) {
-			if ( data.sets ) {
-				for(var key in data.sets)
-					data.sets.hasOwnProperty(key) && f._load_set_json(key, undefined, data.sets[key]);
-			}
-
-			f._load_room_json(room_id, callback, data);
-
-		}).fail(function(data) {
-			if ( data.status == 404 )
-				return typeof callback == "function" && callback(false);
-
-			tries = (tries || 0) + 1;
-			if ( tries < 10 )
-				return f.load_room(room_id, callback, tries);
-
-			return typeof callback == "function" && callback(false);
-		});
-}
-
-
-FFZ.prototype._load_room_json = function(room_id, callback, data) {
-	if ( ! data || ! data.room )
-		return typeof callback == "function" && callback(false);
-
-	data = data.room;
-
-	// Apply the data we've received to the room data model.
-	var model = this.rooms[room_id] = this.rooms[room_id] || {};
-
-	for(var key in data)
-		if ( key !== 'user_badges' && key !== 'users' && key !== 'room' && data.hasOwnProperty(key) )
-			model[key] = data[key];
-
-	// Merge the user data.
-	for(var user_id in data.users) {
-		var original = model.users[user_id] || {},
-			new_data = data.users[user_id] || {};
-
-		model.users[user_id] = {
-			sets: _.uniq((original.sets || []).concat(new_data.sets || [])),
-			badges: _.extend(original.badges || {}, new_data.badges || {})
-		}
-	}
-
-	// Merge badge data
-	for(var badge_id in data.user_badges) {
-		var badge = this.badges[badge_id];
-		if ( ! badge )
-			continue;
-
-		for(var l=data.user_badges[badge_id], i=0, j=l.length; i < j; i++) {
-			var user_id = l[i],
-				user = model.users[user_id] = model.users[user_id] || {},
-				badges = user.badges = user.badges || {};
-
-			badges[badge.slot] = {id: badge_id};
-		}
-	}
-
-	// Preserve the pointer to the Room instance.
-	/*if ( this.rooms[room_id] )
-		data.room = this.rooms[room_id].room;
-
-	// Preserve everything else.
-	for(var key in this.rooms[room_id]) {
-		if ( key !== 'room' && this.rooms[room_id].hasOwnProperty(key) && ! data.hasOwnProperty(key) )
-			data[key] = this.rooms[room_id][key];
-	}
-
-	data.needs_history = this.rooms[room_id] && this.rooms[room_id].needs_history || false;
-
-	this.rooms[room_id] = data;*/
-
-	if ( model.css || model.mod_urls )
-		utils.update_css(this._room_style, room_id, (this.settings.custom_badge_images ? utils.moderator_css(model) : '') + (model.css || ""));
-
-	if ( ! this.emote_sets.hasOwnProperty(model.set) )
-		this.load_set(model.set, function(success, set) {
-			if ( set.users.indexOf(room_id) === -1 )
-				set.users.push(room_id);
-		});
-	else if ( this.emote_sets[model.set].users.indexOf(room_id) === -1 )
-		this.emote_sets[model.set].users.push(room_id);
-
-	this.update_ui_link();
-
-	if ( model.set )
-		this.rerender_feed_cards(model.set);
-
-	if ( callback )
-		callback(true, model);
-}
-
-
-// --------------------
-// Ember Modifications
-// --------------------
-
-FFZ.prototype._modify_room = function(room) {
-	var f = this;
-	room.reopen({
-		slowWaiting: false,
-		slow: 0,
-
-		ffz_banned: false,
-
-		mru_list: [],
-		ffz_recent_highlights: [],
-		ffz_recent_highlights_unread: 0,
-
-		ffzUpdateBadges: function() {
-			if ( this.get('isGroupRoom') )
-				return;
-
-			var room_name = this.get('id'),
-				room_id = this.get('roomProperties._id'),
-				ffz_room = f.rooms && f.rooms[room_name];
-
-			if ( ! ffz_room || ! room_id || ffz_room.badges )
-				return;
-
-			fetch("https://badges.twitch.tv/v1/badges/channels/" + room_id + "/display?language=" + (Twitch.receivedLanguage || "en"), {
-				headers: {
-					'Client-ID': constants.CLIENT_ID
-				}
-			}).then(utils.json).then(function(data) {
-				ffz_room.badges = data && data.badge_sets;
-				f._update_room_badge_css(room_name);
-			});
-
-		}.observes('roomProperties._id'),
-
-		updateWait: function(value, was_banned, update) {
-			var wait = this.get('slowWait') || 0;
-			this.set('slowWait', value);
-			if ( wait < 1 && value > 0 ) {
-				if ( this._ffz_wait_timer )
-					clearTimeout(this._ffz_wait_timer);
-				this._ffz_wait_timer = setTimeout(this.ffzUpdateWait.bind(this), 1000);
-				! update && f._chati && Ember.propertyDidChange(f._chati, 'submitButtonText');
-				! update && f._roomv && f._roomv.ffzUpdateStatus();
-			} else if ( (wait > 0 && value < 1) || was_banned ) {
-				this.set('ffz_banned', false);
-				! update && f._chati && Ember.propertyDidChange(f._chati, 'submitButtonText');
-				! update && f._roomv && f._roomv.ffzUpdateStatus();
-			}
-		},
-
-		ffzUpdateWait: function() {
-			this._ffz_wait_timer = undefined;
-			var wait = this.get('slowWait') || 0;
-			if ( wait < 1 )
-				return;
-
-			this.set('slowWait', --wait);
-			f._chati && Ember.propertyDidChange(f._chati, 'submitButtonText');
-
-			if ( wait > 0 )
-				this._ffz_wait_timer = setTimeout(this.ffzUpdateWait.bind(this), 1000);
-			else {
-				this.set('ffz_banned', false);
-				f._roomv && f._roomv.ffzUpdateStatus();
-			}
-		},
-
-		ffzScheduleDestroy: function() {
-			if ( this._ffz_destroy_timer )
-				return;
-
-			var t = this;
-			this._ffz_destroy_timer = setTimeout(function() {
-				t._ffz_destroy_timer = null;
-				t.ffzCheckDestroy();
-			}, 5000);
-		},
-
-		ffzCheckDestroy: function() {
-			var Chat = utils.ember_lookup('controller:chat'),
-				current_vod = f._vodc && f._vodc.get('channel.name'),
-				user = f.get_user(),
-				room_id = this.get('id');
-
-			// Don't destroy the room if it's still relevant.
-			if ( (current_vod === room_id) || (Chat && Chat.get('currentChannelRoom') === this) || (user && user.login === room_id) || (f._chatv && f._chatv._ffz_host === room_id) || (f.settings.pinned_rooms && f.settings.pinned_rooms.indexOf(room_id) !== -1) )
-				return;
-
-			this.destroy();
-		},
-
-		ffzUpdateStatus: function() {
-			if ( f._roomv )
-				f._roomv.ffzUpdateStatus();
-		}.observes('r9k', 'subsOnly', 'emoteOnly', 'slow', 'ffz_banned', 'followersOnly'),
-
-
-		// User Level
-		ffzUserLevel: function() {
-			if ( this.get('isStaff') )
-				return 5;
-			else if ( this.get('isAdmin') )
-				return 4;
-			else if ( this.get('isBroadcaster') )
-				return 3;
-			else if ( this.get('isGlobalModerator') )
-				return 2;
-			else if ( this.get('isModerator') )
-				return 1;
-			return 0;
-		}.property('id', 'chatLabels.[]'),
-
-		// Track which rooms the user is currently in.
-		init: function() {
-			this._super();
-
-			try {
-				f.add_room(this.id, this);
-				this.set("ffz_chatters", []);
-				this.set("ffz_ids", this.get('ffz_ids') || {});
-				this.set("ffz_last_notices", this.get('ffz_last_notices') || {});
-			} catch(err) {
-				f.error("add_room: " + err);
-			}
-		},
-
-		willDestroy: function() {
-			this.get("pubsub").set("ffz_teardown_target", this.get('roomProperties._id'));
-			this._super();
-			this.get("pubsub").set("ffz_teardown_target", null);
-
-			try {
-				f.remove_room(this.id);
-			} catch(err) {
-				f.error("remove_room: " + err);
-			}
-		},
-
-		friendsInSameRoom: function(source) {
-			if ( f.settings.sidebar_disable_friends || f.settings.disable_friend_notices )
-				return [];
-
-			var room_name = this.get('roomProperties.id');
-			return _.filter(this._super(source), function(x) {
-				return x && x['id'] !== room_name;
-			});
-		},
-
-		addFriendsWatchingMessage: function(msg) {
-			if ( f.settings.friend_notifications && ! document.hasFocus() ) {
-				var Chat = utils.ember_lookup('controller:chat');
-				if ( Chat && Chat.get('currentChannelRoom') === this )
-					f.show_notification(
-						msg.replace(/ *VoHiYo$/g, ''),
-						(this.get('channel.display_name') || this.get('id')) + " - Twitch",
-						"ffz_watching_notice",
-						(this.settings.notification_timeout*1000),
-						function() {
-							window.focus();
-						},
-						null,
-						'https://static-cdn.jtvnw.net/emoticons/v1/81274/3.0');
-			}
-
-			this.addMessage({
-				style: 'admin' + (f.has_bttv_6 ? '' : ' friend-watching'),
-				message: msg,
-				tags: {
-					emotes: tmimotes && tmimotes(this.get('userEmotes').tryParseEmotes(msg))
-				}
-			});
-		},
-
-		addChannelModerationMessage: function(event) {
-			// Throw out messages that are for other rooms.
-			var room_id = '.' + this.get("roomProperties._id");
-			if ( event.topic && event.topic.substr(-room_id.length) !== room_id || event.created_by === this.get("session.userData.login") )
-				return;
-
-			if ( ! f.settings.get_twitch('showModerationActions') )
-				return;
-
-			var target_notice = NOTICE_MAPPING[event.moderation_action];
-			if ( target_notice ) {
-				var last_notice;
-				if ( ! this.ffz_last_notices )
-					last_notice = null;
-				else if ( Array.isArray(target_notice) )
-					for(var i=0; i < target_notice.length; i++) {
-						var tn = this.ffz_last_notices[target_notice[i]];
-						if ( tn ) {
-							last_notice = tn;
-							break;
-						}
-					}
-				else
-					last_notice = this.ffz_last_notices[target_notice];
-
-				if ( last_notice && ! last_notice.has_owner ) {
-					last_notice.message += ' (By: ' + event.created_by + ')';
-					last_notice.has_owner = true;
-					last_notice.cachedTokens = undefined;
-					if ( last_notice._line )
-						Ember.propertyDidChange(last_notice._line, 'ffzTokenizedMessage');
-				} else {
-					var waiting = this.ffz_waiting_notices = this.ffz_waiting_notices || {};
-					waiting[target_notice] = event.created_by;
-				}
-
-			} else
-				this._super(event);
-		},
-
-		addLoginModerationMessage: function(event) {
-			// Throw out messages that are for other rooms or that don't have topics.
-			var room_id = '.' + this.get("roomProperties._id");
-			if ( ! event.topic || event.topic.substr(-room_id.length) !== room_id || event.created_by === this.get("session.userData.login") )
-				return;
-
-			//f.log("Login Moderation for " + this.get('id') + ' [' + room_id + ']', event);
-
-			// In case we get unexpected input, do the other thing.
-			if ( f.has_bttv_6 || ["ban", "unban", "timeout", "untimeout"].indexOf(event.moderation_action) === -1 )
-				return this._super(event);
-
-			var msg_id,
-				reason = event.args[2],
-				duration = event.moderation_action === 'unban' ? -Infinity :
-					event.moderation_action === 'untimeout' ? -1 :
-					event.args[1];
-
-			if ( typeof duration === "string" )
-				duration = parseInt(duration);
-
-			if ( isNaN(duration) )
-				duration = Infinity;
-
-			if ( reason ) {
-				var match = constants.UUID_TEST.exec(reason);
-				if ( match ) {
-					msg_id = match[1];
-					reason = reason.substr(0, reason.length - match[0].length);
-					if ( ! reason.length )
-						reason = null;
-				}
-			}
-
-			this.addBanNotice(event.args[0].toLowerCase(), duration, reason, event.created_by, msg_id, true);
-		},
-
-		addBanNotice: function(username, duration, reason, moderator, msg_id, report_only) {
-			var current_user = f.get_user(),
-				is_me = current_user && current_user.login === username,
-
-				show_notice = is_me || this.ffzShouldDisplayNotice(),
-				show_reason = is_me || this.get('isModeratorOrHigher'),
-				show_moderator = f.settings.get_twitch('showModerationActions'),
-
-				now = new Date,
-				room_id = this.get('id'),
-				ffz_room = f.rooms[room_id],
-				ban_history, last_ban;
-
-			// Find an existing ban to modify.
-			if ( ffz_room ) {
-				var ban_history = ffz_room.ban_history = ffz_room.ban_history || {};
-				last_ban = ban_history[username];
-
-				// Only overwrite bans in the last 15 seconds.
-				if ( ! last_ban || Math.abs(now - last_ban.date) > 15000 )
-					last_ban = null;
-			}
-
-			// If we have an existing ban, modify that.
-			if ( last_ban ) {
-				if ( reason && last_ban.reasons.indexOf(reason) === -1 )
-					last_ban.reasons.push(reason);
-
-				if ( moderator && last_ban.moderators.indexOf(moderator) === -1 )
-					last_ban.moderators.push(moderator);
-
-				if ( moderator )
-					last_ban.notices[moderator] = [duration, reason];
-
-				if ( ! report_only )
-					last_ban.count++;
-
-				// Don't update the displayed duration if the new end time is within five
-				// seconds to avoid changing messages when bots do multiple timeouts.
-				var end_time = now.getTime() + (duration * 1000);
-				if ( Math.abs(end_time - last_ban.end_time) > 5000 ) {
-					last_ban.duration = duration;
-					last_ban.end_time = end_time;
-				} else
-					duration = last_ban.duration;
-
-				last_ban.message = f.format_ban_notice(username, is_me, duration, last_ban.count, show_reason && last_ban.reasons, show_moderator && last_ban.moderators, show_moderator && last_ban.notices);
-				last_ban.cachedTokens = [{type: "raw", html: last_ban.message}];
-
-				if ( last_ban._line )
-					Ember.propertyDidChange(last_ban._line, 'ffzTokenizedMessage');
-
-			} else {
-				var notices = {};
-				if ( moderator )
-					notices[moderator] = [duration, reason];
-
-				var count = report_only ? 0 : 1,
-					msg = f.format_ban_notice(username, is_me, duration, count, show_reason && reason && [reason], show_moderator && moderator && [moderator], show_moderator && notices),
-					message = {
-						style: 'admin',
-						date: now,
-						room: room_id,
-						ffz_ban_target: username,
-						reasons: reason ? [reason] : [],
-						moderators: moderator ? [moderator] : [],
-						notices: notices,
-						duration: duration,
-						end_time: now.getTime() + (duration * 1000),
-						count: count,
-						message: msg,
-						cachedTokens: [{type: "raw", html: msg}]
-					};
-
-				if ( ban_history )
-					ban_history[username] = message;
-
-				if ( show_notice )
-					this.addMessage(message);
-
-				this.addUserHistory(message, true);
-			}
-		},
-
-		addUserHistory: function(message, dont_copy) {
-			var room_id = this.get('id'),
-				is_group = this.get('isGroupRoom'),
-				setting = f.settings.mod_card_history,
-				ffz_room = f.rooms[room_id];
-
-			if ( is_group || ! ffz_room || setting === 0 || (setting === 1 && ffz_room.has_logs) )
-				return;
-
-			var username = message.ffz_ban_target || message.from,
-				historical = message.tags && message.tags.historical,
-
-				chat_history = ffz_room.user_history = ffz_room.user_history || {},
-				user_history = chat_history[username] = chat_history[username] || [],
-
-				// Don't store any computed values that would take a lot of memory.
-				old_tags = message.tags || {},
-				cache_object = {
-					date: message.date,
-					from: message.from,
-					room: message.room,
-					message: message.message,
-					style: message.style,
-					tags: {
-						emotes: old_tags.emotes,
-						bits: old_tags.bits,
-						'display-name': old_tags['display-name'],
-						id: old_tags.id
-					}
-				};
-
-			if ( dont_copy )
-				cache_object = message;
-
-			if ( historical ) {
-				if ( user_history.length >= 20 )
-					return;
-
-				user_history.unshift(cache_object);
-
-			} else {
-				user_history.push(cache_object);
-				while ( user_history.length > 20 )
-					user_history.shift();
-			}
-
-			if ( f._mod_card && f._mod_card.ffz_room_id === room_id && f._mod_card.get('cardInfo.user.id') === username) {
-				var el = f._mod_card.get('element'),
-					history = el && el.querySelector('.chat-history.live-history');
-
-				if ( history ) {
-					var was_at_top = history.scrollTop >= (history.scrollHeight - history.clientHeight),
-						line = f._build_mod_card_history(cache_object, f._mod_card);
-
-					if ( historical )
-						history.insertBefore(line, history.firstElementChild);
-					else
-						history.appendChild(line);
-
-					if ( was_at_top )
-						setTimeout(function() { history.scrollTop = history.scrollHeight });
-
-					if ( history.childElementCount > 20 )
-						history.removeChild(history.firstElementChild);
-				}
-			}
-		},
-
-		clearMessages: function(user, tags, disable_log) {
-			var t = this;
-			if ( user ) {
-				var duration = Infinity,
-					reason = undefined,
-					moderator = undefined,
-					msg_id = tags && tags['target-msg-id'],
-					current_user = f.get_user(),
-					is_me = current_user && current_user.login === user;
-
-				// Read the ban duration and reason from the message tags.
-				if ( tags && tags['ban-duration'] ) {
-					duration = tags['ban-duration'];
-					if ( typeof duration === 'string' )
-						duration = parseInt(duration);
-
-					if ( isNaN(duration) )
-						duration = Infinity;
-				}
-
-				if ( tags && tags['ban-reason'] && (is_me || t.get('isModeratorOrHigher')) )
-					reason = tags['ban-reason'];
-
-				if ( tags && tags['ban-moderator'] && (is_me || t.get('isModeratorOrHigher')) )
-					moderator = tags['ban-moderator'];
-
-				// Is there a UUID on the end of the ban reason?
-				if ( ! msg_id && reason ) {
-					var match = constants.UUID_TEST.exec(reason);
-					if ( match ) {
-						msg_id = match[1];
-						reason = reason.substr(0, reason.length - match[0].length);
-						if ( ! reason.length )
-							reason = undefined;
-					}
-				}
-
-				// If we were banned, set the state and update the UI.
-				if ( is_me ) {
-					t.set('ffz_banned', true);
-					if ( duration )
-						if ( isFinite(duration) )
-							t.updateWait(duration);
-						else {
-							t.set('slowWait', 0);
-							f._roomv && f._roomv.ffzUpdateStatus();
-						}
-				}
-
-				// Mark the user as recently banned.
-				if ( ! t.ffzRecentlyBanned )
-					t.ffzRecentlyBanned = [];
-
-				t.ffzRecentlyBanned.push(user);
-				while ( t.ffzRecentlyBanned.length > 100 )
-					t.ffzRecentlyBanned.shift();
-
-				// Are we deleting a specific message?
-				if ( msg_id && this.ffz_ids ) {
-					var msg = this.ffz_ids[msg_id];
-					if ( msg && msg.from === user ) {
-						msg.ffz_deleted = true;
-						if ( ! f.settings.prevent_clear )
-							msg.deleted = true;
-
-						if ( f.settings.remove_deleted )
-							if ( msg.pending )
-								msg.removed = true;
-							else {
-								var msgs = t.get('messages'),
-									total = msgs.get('length'),
-									i = total;
-
-								while(i--) {
-									var msg = msgs.get(i);
-									if ( msg.tags && msg.tags.id === msg_id ) {
-										msgs.removeAt(i);
-										delete this.ffz_ids[msg_id];
-
-										var notice_type = msg.tags && msg.tags['msg-id'];
-										if ( notice_type && this.ffz_last_notices && this.ffz_last_notices[notice_type] === msg )
-											delete this.ffz_last_notices[notice_type];
-
-										break;
-									}
-								}
-							}
-
-						if ( msg._line ) {
-							Ember.propertyDidChange(msg._line, 'msgObject.ffz_deleted');
-							Ember.propertyDidChange(msg._line, 'msgObject.deleted');
-						}
-
-					} else if ( msg.from !== user )
-						f.log("Banned Message ID #" + msg_id + " not owned by: " + user);
-					else
-						f.log("Banned Message ID #" + msg_id + " not found in chat.");
-
-				} else {
-					// Delete all messages from this user / chat.
-					// Delete Visible Messages
-					var msgs = t.get('messages'),
-						total = msgs.get('length'),
-						i = total,
-						removed = 0;
-
-					while(i--) {
-						var msg = msgs.get(i);
-						if ( msg.from === user ) {
-							if ( f.settings.remove_deleted ) {
-								// Remove this message from the ID tracker.
-								var msg_id = msg.tags && msg.tags.id,
-									notice_type = msg.tags && msg.tags['msg-id'];
-
-								if ( msg_id && this.ffz_ids && this.ffz_ids[msg_id] )
-									delete this.ffz_ids[msg_id];
-
-								if ( notice_type && this.ffz_last_notices && this.ffz_last_notices[notice_type] === msg )
-									delete this.ffz_last_notices[notice_type];
-
-								msgs.removeAt(i);
-								removed++;
-								continue;
-							}
-
-							t.set('messages.' + i + '.ffz_deleted', true);
-							if ( ! f.settings.prevent_clear )
-								t.set('messages.' + i + '.deleted', true);
-						}
-					}
-
-
-					// Delete Panding Messages
-					if ( t.ffzPending ) {
-						msgs = t.ffzPending;
-						i = msgs.length;
-						while(i--) {
-							var msg = msgs.get(i);
-							if ( msg.from !== user ) continue;
-							msg.ffz_deleted = true;
-							msg.deleted = !f.settings.prevent_clear;
-							msg.removed = f.settings.remove_deleted;
-						}
-					}
-				}
-
-				if ( ! disable_log )
-					this.addBanNotice(user, duration, reason, null, msg_id);
-
-			} else {
-				if ( f.settings.prevent_clear )
-					t.addMessage({
-						style: 'admin',
-						message: "A moderator's attempt to clear chat was ignored.",
-						tags: {
-							'msg-id': 'clear_chat'
-						}
-					});
-				else {
-					var msgs = t.get("messages");
-					t.set("messages", []);
-					t.addMessage({
-						style: 'admin',
-						message: i18n("Chat was cleared by a moderator"),
-						tags: {
-							'msg-id': 'clear_chat'
-						}
-					});
-				}
-			}
-		},
-
-		// Artificial chat delay
-		ffz_chat_delay: function() {
-			var val = f.settings.chat_delay;
-			if ( val !== -1 )
-				return val;
-
-			val = this.get('roomProperties.chat_delay_duration');
-			return ( Number.isNaN(val) || ! Number.isFinite(val) || this.get('isModeratorOrHigher') ) ? 0 : val;
-
-		}.property('roomProperties.chat_delay_duration', 'isModeratorOrHigher'),
-
-		ffz_update_display: function() {
-			if ( f._roomv )
-				f._roomv.ffzUpdateStatus();
-
-		}.observes('roomProperties.chat_delay_duration'),
-
-		pushMessage: function(msg) {
-			if ( f.settings.chat_batching !== 0 || this.get('ffz_chat_delay') !== 0 || (this.ffzPending && this.ffzPending.length) ) {
-				if ( ! this.ffzPending )
-					this.ffzPending = [];
-
-				var now = msg.time = Date.now();
-				msg.pending = true;
-				this.ffzPending.push(msg);
-				this.ffzSchedulePendingFlush(now);
-
-			} else {
-				this.ffzPushMessages([msg]);
-			}
-		},
-
-		ffzPushMessages: function(messages) {
-			var new_messages = [],
-				new_unread = 0,
-
-				highlight_messages = [],
-				highlight_unread = 0;
-
-			for(var i=0; i < messages.length; i++) {
-				var msg = messages[i];
-				if ( this.shouldShowMessage(msg) && this.ffzShouldShowMessage(msg) ) {
-					new_messages.push(msg);
-
-					if ( ! (msg.tags && msg.tags.historical) && msg.style !== "admin" && msg.style !== "whisper" ) {
-						if ( msg.ffz_has_mention ) {
-							this.ffz_last_mention = Date.now();
-							highlight_messages.push(msg);
-							highlight_unread++;
-						}
-
-						new_unread++;
-					}
-				}
-			}
-
-			if ( ! new_messages.length )
-				return;
-
-			var room_messages = this.get("messages"),
-				raw_remove = room_messages.length + new_messages.length > this.messageBufferSize ?
-					Math.max(0, room_messages.length - this.messageBufferSize) + new_messages.length : 0,
-
-				to_remove = raw_remove - raw_remove % 2,
-				removed = room_messages.slice(0, to_remove),
-				trimmed = room_messages.slice(to_remove, room_messages.length);
-
-			// Garbage collect removed messages.
-			for(var i=0; i < removed.length; i++) {
-				var msg = removed[i],
-					msg_id = msg.tags && msg.tags.id,
-					notice_type = msg.tags && msg.tags['msg-id'];
-
-				if ( msg_id && this.ffz_ids && this.ffz_ids[msg_id] )
-					delete this.ffz_ids[msg_id];
-
-				if ( notice_type && this.ffz_last_notices && this.ffz_last_notices[notice_type] === msg )
-					delete this.ffz_last_notices[notice_type];
-			}
-
-			var earliest_message;
-			for(var i=0; i < trimmed.length; i++)
-				if ( trimmed[i].date ) {
-					earliest_message = trimmed[i].date;
-					break;
-				}
-
-			for(var i = 0; i < new_messages.length; i++) {
-				var msg = new_messages[i];
-				if ( msg.tags && msg.tags.historical ) {
-					// Add a warning about really old messages.
-					if ( earliest_message ) {
-						var age = earliest_message - msg.date;
-						if ( age > 300000 )
-							trimmed.unshift({
-								color: '#755000',
-								date: msg.date,
-								from: 'frankerfacez_admin',
-								style: 'admin',
-								message: '(Last message is ' + utils.human_time(age/1000) + ' old.)',
-								room: msg.room,
-								from_server: true
-							});
-					}
-
-					trimmed.unshift(msg);
-					earliest_message = null;
-
-				} else
-					trimmed.push(msg);
-			}
-
-			this.set("messages", trimmed);
-
-			if ( new_unread ) {
-				this.incrementProperty("unreadCount", new_unread);
-				this.ffz_last_activity  = Date.now();
-			}
-
-			if ( highlight_unread ) {
-				// API Stuff
-				f.api_trigger('room-recent-highlights', highlight_messages);
-				if ( f.settings.recent_highlights > 1 )
-					this.ffzAddHighlights(highlight_messages);
-			}
-		},
-
-
-		ffzAddHighlights: function(messages) {
-			if ( f.settings.recent_highlights && messages.length ) {
-				var old_highlights = this.get('ffz_recent_highlights') || [],
-					raw_remove = old_highlights.length + messages.length > f.settings.recent_highlight_count ?
-						Math.max(0, old_highlights.length - f.settings.recent_highlight_count) + messages.length : 0,
-
-					to_remove = raw_remove % 2,
-					trimmed = old_highlights.slice(to_remove, old_highlights.length).concat(messages),
-					el = f._roomv && f._roomv.get('ffz_recent_el');
-
-				this.set('ffz_recent_highlights', trimmed);
-				this.incrementProperty('ffz_recent_highlights_unread', messages.length);
-
-				if ( el && f._roomv.get('room') === this ) {
-					var was_at_bottom = el.scrollTop >= (el.scrollHeight - el.clientHeight);
-
-					while( el.childElementCount && to_remove-- )
-						el.removeChild(el.firstElementChild);
-
-					for(var i=0; i < messages.length; i++)
-						el.appendChild(f._build_mod_card_history(messages[i], null, true));
-
-					if ( was_at_bottom )
-						el.scrollTop = el.scrollHeight;
-
-					if ( el.dataset.docked ) {
-						el = f._roomv.get('ffz_recent_count_el');
-						if ( el )
-							el.textContent = utils.format_unread(this.get('ffz_recent_highlights_unread'));
-					}
-				}
-			}
-		},
-
-
-		ffzHighlightMessage: function(msg_id) {
-			var message = this.ffz_ids && this.ffz_ids[msg_id];
-			if ( ! f.settings.recent_highlights || ! message )
-				return;
-
-			var highlights = this.get('ffz_recent_highlights') || [],
-				high_len = highlights.length,
-				posted = message.date,
-				insert_before = -1;
-
-			for(var i=0; i < high_len; i++) {
-				var msg = highlights[i];
-				if ( msg.tags && msg.tags.id === msg_id )
-					return;
-
-				if ( insert_before === -1 && posted <= msg.date )
-					insert_before = i;
-			}
-
-			var raw_remove = high_len + 1 > f.settings.recent_highlight_count ?
-					Math.max(0, high_len - f.settings.recent_highlight_count) + 1 : 0,
-
-				to_remove = raw_remove % 2,
-				el = f._roomv && f._roomv.get('ffz_recent_el');
-
-			console.log('msg', message);
-			console.log('count', high_len);
-			console.log('to_remove', to_remove);
-			console.log('insert_before', insert_before);
-			console.log('msgs', highlights.slice(0));
-
-			// If we're going to add the element only to remove it, leave.
-			if ( to_remove && insert_before === 0 )
-				return;
-
-			if ( to_remove ) {
-				highlights.splice(0, to_remove);
-				insert_before -= to_remove;
-				high_len = highlights.length;
-			}
-
-			if ( insert_before === -1 )
-				highlights.push(message);
-			else
-				highlights.splice(insert_before, 0, message);
-
-			this.set('ffz_recent_highlights', highlights);
-			this.incrementProperty('ffz_recent_highlights_unread', 1);
-
-			if ( ! el || f._roomv.get('room') !== this )
-				return;
-
-			var was_at_bottom = el.scrollTop >= (el.scrollHeight - el.clientHeight);
-			while ( el.childElementCount && to_remove-- )
-				el.removeChild(el.firstElementChild);
-
-			var msg_line = f._build_mod_card_history(message, null, true)
-
-			if ( insert_before === -1 )
-				el.appendChild(msg_line);
-			else
-				el.insertBefore(msg_line, el.children[insert_before]);
-
-			if ( was_at_bottom )
-				el.scrollTop = el.scrollHeight;
-
-			if ( el.dataset.docked ) {
-				el = f._roomv.get('ffz_recent_count_el');
-				if ( el )
-					el.textContent = utils.format_unread(this.get('ffz_recent_highlights_unread'));
-			}
-		},
-
-
-		ffzSchedulePendingFlush: function(now) {
-			// Instead of just blindly looping every x seconds, we want to calculate the time until
-			// the next message should be displayed, and then set the timeout for that. We'll
-			// end up looping a bit more frequently, but it'll make chat feel more responsive.
-
-			// If we have a pending flush, don't reschedule. It wouldn't change.
-			if ( this._ffz_pending_flush )
-				return;
-
-			if ( this.ffzPending && this.ffzPending.length ) {
-				// We need either the amount of chat delay past the first message, if chat_delay is on, or the
-				// amount of time from the last batch.
-				now = now || Date.now();
-				var t = this,
-					chat_delay = this.get('ffz_chat_delay'),
-					delay = Math.max(
-					(chat_delay !== 0 ? 50 + Math.max(0, (chat_delay + (this.ffzPending[0].time||0)) - now) : 0),
-					(f.settings.chat_batching !== 0 ? Math.max(0, f.settings.chat_batching - (now - (this._ffz_last_batch||0))) : 0));
-
-				this._ffz_pending_flush = setTimeout(this.ffzPendingFlush.bind(this), delay);
-			}
-		},
-
-		ffzPendingFlush: function() {
-			this._ffz_pending_flush = null;
-
-			var now = this._ffz_last_batch = Date.now(),
-				chat_delay = this.get('ffz_chat_delay'),
-				to_display = [];
-
-			for (var i = 0, l = this.ffzPending.length; i < l; i++) {
-				var msg = this.ffzPending[i];
-				if ( msg.removed ) {
-					// Don't keep this message ID around.
-					var msg_id = msg && msg.tags && msg.tags.id,
-						notice_type = msg && msg.tags && msg.tags['msg-id'];
-
-					if ( msg_id && this.ffz_ids && this.ffz_ids[msg_id] )
-						delete this.ffz_ids[msg_id];
-
-					if ( notice_type && this.ffz_last_notices && this.ffz_last_notices[notice_type] === msg )
-						delete this.ffz_last_notices[notice_type];
-
-					continue;
-				}
-
-				if ( chat_delay !== 0 && (chat_delay + msg.time > now) )
-					break;
-
-				msg.pending = false;
-				to_display.push(msg);
-			}
-
-			this.ffzPushMessages(to_display);
-
-			this.ffzPending = this.ffzPending.slice(i);
-			this.ffzSchedulePendingFlush(now);
-		},
-
-		ffzShouldShowMessage: function (msg) {
-			if ( ! f.settings.hosted_sub_notices && msg.style === 'notification' && HOSTED_SUB.test(msg.message) )
-				return false;
-
-			if (f.settings.remove_bot_ban_notices && this.ffzRecentlyBanned) {
-				var banned = '(' + this.ffzRecentlyBanned.join('|') + ')';
-				var bots = {
-					'nightbot': '^' + banned,
-					'moobot': '\\(' + banned + '\\)',
-					'xanbot': '^' + banned,
-				};
-
-				if (msg.from in bots && (new RegExp(bots[msg.from])).test(msg.message)) {
-					return false;
-				}
-			}
-
-			return true;
-		},
-
-		ffzShouldDisplayNotice: function() {
-			return f.settings.timeout_notices === 2 || (f.settings.timeout_notices === 1 && this.get('isModeratorOrHigher'));
-		},
-
-		ffzRetokenizeUser: function(user, max_age, update_badges) {
-			// Retokenize all messages by a user, or just all messages.
-			var messages = this.get('messages'),
-				i = messages.length,
-				now = new Date;
-
-			while(i--) {
-				var msg = messages[i],
-					age = msg.date ? (now - msg.date) / 1000 : 0;
-
-				if ( max_age && age > max_age )
-					break;
-
-				if ( ! user || msg.from === user ) {
-					msg.cachedTokens = null;
-					if ( msg._line ) {
-						Ember.propertyDidChange(msg._line, 'ffzTokenizedMessage');
-						if ( update_badges )
-							msg._line.ffzUpdateBadges();
-					}
-				}
-			}
-
-			messages = this.ffzPending;
-			i = messages ? messages.length : 0;
-
-			while(i--) {
-				var msg = messages[i],
-					age = msg.date ? (now - msg.date) / 1000 : 0;
-				if ( max_age && age > max_age )
-					break;
-				if ( ! user || msg.from === user )
-					msg.cachedTokens = null;
-			}
-		},
-
-		addNotification: function(msg) {
-			if ( msg ) {
-				// We don't want to display these notices because we're injecting our own messages.
-				if ( (msg.msgId === 'timeout_success' || msg.msgId === 'ban_success') && this.ffzShouldDisplayNotice() )
-					return;
-
-				// f.log("Notification", msg);
-
-				if ( ! msg.tags )
-					msg.tags = {};
-
-				if ( ! msg.tags['msg-id'] )
-					msg.tags['msg-id'] = msg.msgId;
-
-				if ( ! msg.style )
-					msg.style = 'admin';
-
-				if ( this.ffz_waiting_notices && this.ffz_waiting_notices[msg.msgId]) {
-					msg.has_owner = true;
-					msg.message += ' (By: ' + this.ffz_waiting_notices[msg.msgId] + ')';
-					delete this.ffz_waiting_notices[msg.msgId];
-				}
-
-				return this.addMessage(msg);
-			}
-		},
-
-		onMessage: function(msg) {
-			// We do our own batching. With blackjack, and hookers. You know what? Forget the batching.
-			this.addMessage(msg);
-		},
-
-		ffzProcessMessage: function(msg) {
-			if ( msg ) {
-				var notice_type = msg.tags && msg.tags['msg-id'],
-					is_resub = notice_type === 'resub' || notice_type === 'sub',
-					room_id = this.get('id'),
-					msg_id = msg.tags && msg.tags.id;
-
-				// Ignore resubs in other rooms.
-				if ( is_resub && ! f.settings.hosted_sub_notices && (msg.tags['room-id'] != this.get('roomProperties._id') || HOSTED_SUB.test(msg.tags['system-msg'])) )
-					return;
-
-				// Split this into two messages if requested.
-				if ( is_resub && f.settings.old_sub_notices ) {
-					var message = msg.tags['system-msg'],
-						months = /for (\d+) months/.exec(message);
-
-					this.addMessage({
-						style: "notification",
-						from: "twitchnotify",
-						date: msg.date || new Date,
-						room: room_id,
-						message: message,
-						ffz_sub_months: months && parseInt(months[1])
-					});
-
-					// If there's no message just quit now.
-					if ( ! msg.message )
-						return;
-
-					// And delete the system message so it won't render weirdly.
-					msg.tags['system-msg'] = '';
-				}
-
-				// Fix dates for historical messages.
-				if ( ! msg.date && msg.tags && msg.tags['tmi-sent-ts'] ) {
-					var sent = parseInt(msg.tags['tmi-sent-ts']);
-					if ( sent && ! isNaN(sent) && isFinite(sent) )
-						msg.date = new Date(sent);
-				}
-
-				var is_whisper = msg.style === 'whisper';
-
-				// Ignore whispers if conversations are enabled.
-				if ( is_whisper ) {
-					var conv_enabled = utils.ember_lookup('controller:application').get('isConversationsEnabled');
-					if ( conv_enabled || (!conv_enabled && f.settings.hide_whispers_in_embedded_chat) )
-						return;
-				}
-
-				if ( ! is_whisper )
-					msg.room = room_id;
-
-				// Look up color and labels.
-				if ( this.tmiRoom && msg.from ) {
-					if ( ! msg.color )
-						msg.color = msg.tags && msg.tags.color ? msg.tags.color : this.tmiSession.getColor(msg.from.toLowerCase());
-					if ( ! msg.labels )
-						msg.labels = this.tmiRoom.getLabels(msg.from);
-				}
-
-				// Tag the broadcaster.
-				if ( room_id === msg.from )
-					msg.tags.mod = true;
-
-				// Are there no emotes?
-				if ( msg.tags && ! msg.tags.emotes ) {
-					var user = f.get_user(),
-						is_me = user && user.login === msg.from;
-
-					if ( is_me ) {
-						var user_emotes = utils.ember_lookup('service:user-emotes');
-						msg.tags.emotes = tmimotes && user_emotes && tmimotes(user_emotes.tryParseEmotes(msg.message));
-					}
-				}
-
-				// Handle Rich Content
-				if ( commerce && commerce.addCommerceParamsAsRichContent )
-					commerce.addCommerceParamsAsRichContent(msg);
-
-				/*var first_clip = CLIP_URL.exec(msg.message);
-				if ( first_clip ) {
-					msg.tags.content = msg.tags.content || {};
-					msg.tags.content.clips = msg.tags.content.clips || [];
-					msg.tags.content.clips.push({
-						index: first_clip.index,
-						removeOriginal: true,
-						data: {
-							url: first_clip[0],
-							slug: first_clip[1]
-						}
-					})
-
-				} else {
-					var first_vid = VIDEO_URL.exec(msg.message);
-					if ( first_vid ) {
-						msg.tags.content = msg.tags.content || {};
-						msg.tags.content.clips = msg.tags.content.clips || [];
-						msg.tags.content.clips.push({
-							index: first_vid.index,
-							removeOriginal: true,
-							data: {
-								is_video: true,
-								url: first_vid[0],
-								video: first_vid[1]
-							}
-						})
-
-					} /*else {
-						var first_ffz = FFZ_URL.exec(msg.message);
-						if ( first_ffz ) {
-							msg.tags.content = msg.tags.content || {};
-							msg.tags.content.ffz_emotes = msg.tags.content.ffz_emotes || [];
-							msg.tags.content.ffz_emotes.push({
-								index: first_ffz.index,
-								removeOriginal: true,
-								data: {
-									url: first_ffz[0],
-									id: first_ffz[1]
-								}
-							})
-						}
-					}
-				}*/
-
-				// Tokenization
-				f.tokenize_chat_line(msg, false, this.get('roomProperties.hide_chat_links'));
-
-				// Check for a new subscription line that would need a chat badge.
-				if ( msg.from === 'twitchnotify' && msg.message.indexOf('subscribed to') === -1 && msg.message.indexOf('subscribed') !== -1 ) {
-					if ( ! msg.tags )
-						msg.tags = {};
-					if ( ! msg.tags.badges )
-						msg.tags.badges = {};
-
-					var ffz_room = f.rooms && f.rooms[room_id],
-						badges = ffz_room && ffz_room.badges || {},
-						sub_version = badges && badges.subscriber && badges.subscriber.versions;
-
-					if ( sub_version && ! isNaN(msg.ffz_sub_months) ) {
-						var months = msg.ffz_sub_months;
-						msg.tags.badges.subscriber = ( months >= 24 && sub_version[24] ) ? 24 :
-							(months >= 12 && sub_version[12] ) ? 12 :
-							(months >= 6 && sub_version[6] ) ? 6 :
-							(months >= 3 && sub_version[3] ) ? 3 : 0;
-					} else
-						msg.tags.badges.subscriber = 0;
-
-					msg.tags.subscriber = true;
-					if ( msg.labels && msg.labels.indexOf("subscriber") === -1 )
-						msg.labels.push("subscriber");
-				}
-
-				// Color processing.
-				if ( msg.color )
-					f._handle_color(msg.color);
-
-				return msg;
-			}
-		},
-
-		addMessage: function(msg) {
-			msg = this.ffzProcessMessage(msg);
-			if ( ! msg || msg.ffz_removed )
-				return;
-
-			var msg_id = msg.tags && msg.tags.id,
-				notice_type = msg.tags && msg.tags['msg-id'],
-				is_whisper = msg.style === 'whisper';
-
-			// If this message is already in the room, discard the duplicate.
-			if ( msg_id && this.ffz_ids && this.ffz_ids[msg_id] )
-				return;
-
-			// If it's historical, make sure it's for this room.
-			if ( msg.tags && msg.tags.historical && msg.tags['room-id'] != this.get('roomProperties._id') )
-				return;
-
-
-			// Message Filtering
-			f.api_trigger('room-message', msg);
-			if ( msg.ffz_removed )
-				return;
-
-
-			// Keep the history.
-			if ( ! is_whisper && msg.from && msg.from !== 'jtv' && msg.from !== 'twitchnotify' )
-				this.addUserHistory(msg);
-
-			// Clear the last ban for that user.
-			var f_room = f.rooms && f.rooms[msg.room],
-				ban_history = f_room && f_room.ban_history;
-
-			if ( ban_history && msg.from ) {
-				// Is the last ban within 200ms? Chances are Twitch screwed up message order.
-				if ( ban_history[msg.from] && (new Date - ban_history[msg.from].date) <= 200 ) {
-					msg.ffz_deleted = true;
-					msg.deleted = !f.settings.prevent_clear;
-
-				} else
-					ban_history[msg.from] = false;
-			}
-
-
-			// Check for message from us.
-			if ( ! is_whisper && ! msg.ffz_deleted ) {
-				var user = f.get_user();
-				if ( user && user.login === msg.from ) {
-					var was_banned = this.get('ffz_banned');
-					this.set('ffz_banned', false);
-
-					// Update the wait time.
-					if ( this.get('isSubscriber') || this.get('isModeratorOrHigher') || ! this.get('slowMode') )
-						this.updateWait(0, was_banned)
-					else if ( this.get('slowMode') )
-						this.updateWait(this.get('slow'));
-				}
-			}
-
-
-			// We're past the last return, so store the message
-			// now that we know we're keeping it.
-			if ( msg_id ) {
-				var ids = this.ffz_ids = this.ffz_ids || {};
-				ids[msg_id] = msg;
-			}
-
-			// If this is a notice, store that this is the last of its type.
-			if ( notice_type ) {
-				var ids = this.ffz_last_notices = this.ffz_last_notices || {};
-				ids[notice_type] = msg;
-			}
-
-			// Report this message to the dashboard.
-			if ( msg.from && msg.from !== "jtv" && msg.from !== "twitchnotify" )
-				this.ffzSafePM({from_ffz: true, command: 'chat_message', data: {from: msg.from, room: msg.room}}, "*"); //location.protocol + "//www.twitch.tv/");
-
-			// Flagging for review.
-			if ( msg.tags && msg.tags.risk === "high" )
-				msg.flaggedForReview = true;
-
-			// Add the message. We don't do super anymore because it does stupid stuff.'
-			this.pushMessage(msg);
-			msg.from && msg.style !== "admin" && msg.style !== "notification" && msg.tags && this.addChatter(msg);
-			this.trackLatency(msg);
-			//return this._super(msg);
-		},
-
-		setHostMode: function(e) {
-			this.set('ffz_host_target', e && e.hostTarget || null);
-			var user = f.get_user();
-			if ( user && f._cindex && this.get('id') === user.login )
-				f._cindex.ffzUpdateHostButton();
-
-			// If hosting is disabled, or this isn't the current channel room,
-			// ignore the host mode.
-			var Chat = utils.ember_lookup('controller:chat');
-			if ( ! Chat || Chat.get('currentChannelRoom') !== this )
-				return;
-
-			var target = f.settings.hosted_channels ? (e.hostTarget ? e.hostTarget.toLowerCase() : null) : null,
-				channel = this.get("channel");
-
-			if ( channel ) {
-				var delay = 0;
-				if ( target && ! e.recentlyJoined ) {
-					var percentile = Math.max((e.numViewers || 0) / .5, 4000);
-					delay = 3000 + Math.floor((percentile || 0) * Math.random());
-				}
-
-				var c = this.get("store").peekRecord("channel", channel.get("name"));
-				if ( c ) {
-					if ( target )
-						this.pendingFetchHostModeTarget = Ember.run.debounce(this, "fetchHostModeTarget", {
-							currentChannel: c,
-							targetName: target
-						}, delay);
-					else
-						c.set("hostModeTarget", null);
-				}
-			}
-		},
-
-		sendTags: function(text, tags) {
-			var tmi = this.get('tmiRoom'),
-				conn = tmi && tmi._roomConn,
-				tag_string = utils.build_tags(tags || {});
-
-			if ( conn )
-				conn.send((tag_string ? '@' + tag_string + ' ' : '') + 'PRIVMSG ' + tmi.ircChannel + ' :' + text);
-		},
-
-		send: function(text, ignore_history, used_aliases) {
-			try {
-				this.ffz_last_input = Date.now();
-
-				var first_char = text.charAt(0),
-					is_cmd = first_char === '/' || first_char === '.';
-
-				// Strip trailing whitespace from commands.
-				if ( is_cmd )
-					text = text.replace(/\s+$/, '');
-
-				if ( text && ! ignore_history ) {
-					// Command History
-					var mru = this.get('mru_list'),
-						ind = mru.indexOf(text);
-
-					if ( ind !== -1 )
-						mru.splice(ind, 1)
-					else if ( mru.length > 20 )
-						mru.pop();
-
-					mru.unshift(text);
-				}
-
-				if ( is_cmd ) {
-					var cmd = text.substr(1).split(' ', 1)[0].toLowerCase(),
-						was_handled = false;
-
-					if ( cmd === "ffz" ) {
-						f.run_ffz_command(text.substr(5), this.get('id'));
-						was_handled = true;
-
-					} else if ( f._command_aliases[cmd] ) {
-						used_aliases = used_aliases || [];
-						if ( used_aliases.indexOf(cmd) !== -1 ) {
-							f.room_message(f.rooms[this.get('id')], "Error: Your command aliases are recursing. [Path: " + used_aliases.join(", ") + "]");
-							was_handled = true;
-
-						} else {
-							var alias = f._command_aliases[cmd][0],
-								args = text.substr(1 + cmd.length).trimLeft().split(/\s+/g),
-								output = utils.replace_cmd_variables(alias, null, this, null, args);
-
-							used_aliases.push(cmd);
-							this.set("messageToSend", "");
-							var lines = output.split(/\s*<LINE>\s*/g);
-							for(var i=0; i < lines.length; i++)
-								this.send(lines[i], true, used_aliases);
-
-							return;
-						}
-
-					} else if ( f.run_command(text, this.get('id')) )
-						was_handled = true;
-
-					if ( was_handled ) {
-						this.set("messageToSend", "");
-						return;
-					}
-				}
-
-			} catch(err) {
-				f.error("send: " + err);
-			}
-
-			return this._super(text);
-		},
-
-		ffzUpdateUnread: function() {
-			var Chat = utils.ember_lookup('controller:chat');
-			if ( Chat && Chat.get('currentRoom') === this )
-				this.resetUnreadCount();
-			else if ( f._chatv )
-				f._chatv.ffzUpdateUnread(this.get('id'));
-		}.observes('unreadCount'),
-
-		ffzInitChatterCount: function() {
-			if ( ! this.tmiRoom || ! f.settings.chatter_count ) {
-				this.set("ffz_chatters", []);
-				this.ffzUpdateChatters();
-				return;
-			}
-
-			if ( this._ffz_chatter_timer ) {
-				clearTimeout(this._ffz_chatter_timer);
-				this._ffz_chatter_timer = undefined;
-			}
-
-			var room = this;
-			this.tmiRoom.list().done(function(data) {
-				var chatters = [];
-				data = data.data.chatters;
-				if ( data && data.admins )
-					for(var i=0; i < data.admins.length; i++)
-						chatters.push(data.admins[i]);
-				if ( data && data.global_mods )
-					for(var i=0; i < data.global_mods.length; i++)
-						chatters.push(data.global_mods[i]);
-				if ( data && data.moderators )
-					for(var i=0; i < data.moderators.length; i++)
-						chatters.push(data.moderators[i]);
-				if ( data && data.staff )
-					for(var i=0; i < data.staff.length; i++)
-						chatters.push(data.staff[i]);
-				if ( data && data.viewers )
-					for(var i=0; i < data.viewers.length; i++)
-						chatters.push(data.viewers[i]);
-
-				room.set("ffz_chatters", chatters);
-				room.ffzUpdateChatters();
-
-			}).always(function() {
-				room._ffz_chatter_timer = setTimeout(room.ffzInitChatterCount.bind(room), 300000);
-			});
-		},
-
-
-		ffzUpdateChatters: function(add, remove) {
-			if ( ! f.settings.chatter_count )
-				return;
-
-			var chatters = this.get("ffz_chatters") || [];
-			if ( add && chatters.indexOf(add) === -1 )
-				chatters.push(add);
-
-			if ( remove ) {
-				var ind = chatters.indexOf(remove);
-				if ( ind !== -1 )
-					chatters.splice(ind, 1);
-			}
-
-			if ( f._cindex )
-				f._cindex.ffzUpdateMetadata('chatters');
-
-			this.ffzSafePM({from_ffz: true, command: 'chatter_count', data: {room: this.get('id'), chatters: (this.get('ffz_chatters') || []).length}}, "*"); //location.protocol + "//www.twitch.tv/");
-		},
-
-		ffzSafePM: function(message, origin) {
-			try {
-				if ( window !== window.parent && parent.postMessage )
-					return parent.postMessage(message, origin);
-			} catch(err) { }
-		},
-
-		ffzPatchTMI: function() {
-			var tmi = this.get('tmiRoom'),
-				room = this;
-
-			if ( this.get('ffz_is_patched') || ! tmi )
-				return;
-
-			if ( f.settings.chatter_count )
-				this.ffzInitChatterCount();
-
-			// Let's get chatter information!
-			// TODO: Remove this cause it's terrible.
-			var connection = tmi._roomConn._connection;
-			if ( ! connection.ffz_cap_patched ) {
-				connection.ffz_cap_patched = true;
-				connection._send("CAP REQ :twitch.tv/membership");
-
-				connection.on("opened", function() {
-						this._send("CAP REQ :twitch.tv/membership");
-					}, connection);
-			}
-
-
-			// NOTICE for catching slow-mode updates
-			tmi.on('notice', function(msg) {
-				if ( msg.msgId === 'msg_slowmode' ) {
-					var match = /in (\d+) seconds/.exec(msg.message);
-					if ( match ) {
-						room.updateWait(parseInt(match[1]));
-					}
-				}
-
-				if ( msg.msgId === 'msg_timedout' ) {
-					var match = /for (\d+) more seconds/.exec(msg.message);
-					if ( match ) {
-						room.set('ffz_banned', true);
-						room.updateWait(parseInt(match[1]));
-					}
-				}
-
-				if ( msg.msgId === 'msg_banned' ) {
-					room.set('ffz_banned', true);
-					f._roomv && f._roomv.ffzUpdateStatus();
-				}
-
-				if ( msg.msgId === 'hosts_remaining' ) {
-					var match = /(\d+) host command/.exec(msg.message);
-					if ( match ) {
-						room.set('ffz_hosts_left', parseInt(match[1] || 0));
-						f._cindex && f._cindex.ffzUpdateHostButton();
-					}
-				}
-			});
-
-			// Check this shit.
-			tmi._roomConn._connection.off("message", tmi._roomConn._onIrcMessage, tmi._roomConn);
-
-			tmi._roomConn._onIrcMessage = function(ircMsg) {
-				if ( ircMsg.target != this.ircChannel )
-					return;
-
-				switch ( ircMsg.command ) {
-					case "JOIN":
-						if ( this._session && this._session.nickname === ircMsg.sender ) {
-							this._onIrcJoin(ircMsg);
-						} else
-							f.settings.chatter_count && room.ffzUpdateChatters(ircMsg.sender);
-						break;
-
-					case "PART":
-						if ( this._session && this._session.nickname === ircMsg.sender ) {
-							this._resetActiveState();
-							this._connection._exitedRoomConn();
-							this._trigger("exited");
-						} else
-							f.settings.chatter_count && room.ffzUpdateChatters(null, ircMsg.sender);
-						break;
-
-					default:
-						break;
-				}
-			}
-
-			tmi._roomConn._connection.on("message", tmi._roomConn._onIrcMessage, tmi._roomConn);
-
-			this.set('ffz_is_patched', true);
-
-		}.observes('tmiRoom'),
-
-		// Room State Stuff
-
-		onSlowOff: function() {
-			if ( ! this.get('slowMode') )
-				this.updateWait(0);
-		}.observes('slowMode')
-	});
-}
-
-
-// ---------------
-// Socket Stuff
-// ---------------
-
-FFZ.ws_commands.promote_message = function(data) {
-	var channel = data[0],
-		user = data[1],
-		msg_id = data[2],
-
-		ffz_room = this.rooms && this.rooms[channel],
-		room = ffz_room && ffz_room.room,
-		setting = this.settings.recent_highlights;
-
-	if ( room && (setting === 1 || setting === 3) )
-		room.ffzHighlightMessage(msg_id, user);
-}
\ No newline at end of file
diff --git a/src/ember/router.js b/src/ember/router.js
deleted file mode 100644
index cbe6643c..00000000
--- a/src/ember/router.js
+++ /dev/null
@@ -1,47 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require("../utils");
-
-
-// --------------------
-// Initialization
-// --------------------
-
-FFZ.prototype.setup_router = function() {
-	this.log("Hooking the Ember router.");
-	if ( ! window.App )
-		return;
-
-	var f = this,
-		Router = utils.ember_lookup('router:main');
-
-	if ( Router )
-		Router.reopen({
-			ffzTransition: function() {
-				// TODO: Do this before the transition happens.
-				if ( f._force_refresh ) {
-					location.href = this.get('url');
-					return;
-				}
-
-				// If we're coming from a page without app-main, make sure we install the
-				// scroll listener.
-				f.fix_scroll();
-				f.try_modify_dashboard();
-
-				try {
-					document.body.setAttribute('data-current-path', App.get('currentPath'));
-				} catch(err) {
-					f.error("ffzTransition: " + err);
-				}
-			}.on('didTransition')
-		});
-
-	document.body.setAttribute('data-current-path', App.get('currentPath'));
-}
-
-
-
-FFZ.ws_commands.please_refresh = function() {
-	this.log("Refreshing the page upon the next transition.");
-	this._force_refresh = true;
-}
\ No newline at end of file
diff --git a/src/ember/sidebar.js b/src/ember/sidebar.js
deleted file mode 100644
index d1758ff4..00000000
--- a/src/ember/sidebar.js
+++ /dev/null
@@ -1,514 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils'),
-	constants = require('../constants'),
-
-	PRESENCE_SERVICE = 'service:twitch-presence/presence',
-	was_invisible = false;
-
-
-// --------------------
-// Settings
-// --------------------
-
-/*FFZ.settings_info.sidebar_followed_games = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		5: "Normal (5)",
-		10: "Large (10)",
-		999: "No Limit"
-	},
-
-	value: 5,
-	process_value: utils.process_int(5),
-
-	no_mobile: true,
-
-	category: "Sidebar",
-	name: "Followed Games",
-	help: "Display this number of followed games on the sidebar.",
-
-	on_update: function(val) {
-		var controller = utils.ember_lookup('controller:games-following');
-		if ( controller )
-			controller.set('ffz_sidebar_games', val);
-	}
-};*/
-
-
-FFZ.settings_info.sidebar_hide_recommended_channels = {
-	type: "boolean",
-	value: false,
-
-	category: "Sidebar",
-	no_mobile: true,
-
-	name: "Hide Recommended Channels",
-	help: "Hide the Recommended Channels section from the sidebar.",
-
-	on_update: utils.toggle_cls('ffz-hide-recommended-channels')
-};
-
-
-FFZ.settings_info.socialbar_hide = {
-	type: "boolean",
-	value: false,
-
-	no_mobile: true,
-
-	category: "Sidebar",
-	name: "Hide Social Bar",
-	help: "Hide the social bar to the left of the page.",
-
-	on_update: function(val) {
-		utils.toggle_cls('ffz-hide-socialbar')(val);
-		var Layout = utils.ember_lookup('service:layout');
-		Layout && Ember.propertyDidChange(Layout, 'contentWidth');
-	}
-}
-
-
-FFZ.settings_info.sidebar_hide_prime = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "When Collapsed",
-		2: "Always"
-	},
-
-	value: 0,
-	process_value: utils.process_int(0),
-
-	no_mobile: true,
-
-	category: "Sidebar",
-	name: "Hide Twitch Prime Offers",
-	help: "Hide the Free with Prime section from the sidebar.",
-
-	on_update: function(val) {
-		utils.toggle_cls('ffz-hide-prime')(val === 2);
-		utils.toggle_cls('ffz-hide-prime-collapsed')(val === 1);
-	}
-};
-
-
-FFZ.settings_info.sidebar_hide_promoted_games = {
-	type: "boolean",
-	value: false,
-
-	category: "Sidebar",
-	no_mobile: true,
-
-	name: "Hide Promoted Games",
-	help: "Hide the Promoted Games section from the sidebar.",
-
-	on_update: utils.toggle_cls('ffz-hide-promoted-games')
-};
-
-
-
-FFZ.settings_info.sidebar_hide_recommended_friends = {
-	type: "boolean",
-	value: false,
-
-	category: "Sidebar",
-	no_mobile: true,
-
-	name: "Hide Recommended Friends",
-	help: "Hide the Recommended Friends section from the sidebar.",
-
-	on_update: utils.toggle_cls('ffz-hide-recommended-friends')
-};
-
-
-FFZ.settings_info.sidebar_hide_friends_collapsed = {
-	type: "boolean",
-	value: false,
-
-	category: "Sidebar",
-	no_mobile: true,
-
-	name: "Hide Friends when Collapsed",
-	help: "Hide your friends from the sidebar when it's collapsed.",
-
-	on_update: utils.toggle_cls('ffz-hide-friends-collapsed')
-};
-
-
-FFZ.settings_info.sidebar_hide_more_at_twitch = {
-	type: "boolean",
-	value: false,
-
-	category: "Sidebar",
-	no_mobile: true,
-
-	name: "Hide More at Twitch",
-	help: "Hide the More at Twitch section from the sidebar.",
-
-	on_update: utils.toggle_cls('ffz-hide-more-at-twitch')
-};
-
-
-FFZ.settings_info.disable_friend_notices = {
-	type: 'boolean',
-	value: false,
-
-	category: 'Chat Filtering',
-	no_mobile: true,
-
-	name: 'Disable Watching Friends Notices',
-	help: 'Do not display notices in chat when your friends are watching the same stream.'
-};
-
-
-FFZ.settings_info.sidebar_disable_friends = {
-	type: "boolean",
-	value: false,
-
-	category: "Sidebar",
-	no_mobile: true,
-
-	name: "Disable Friends",
-	help: "Hide the Friends UI entirely and set you as Invisible.",
-
-	on_update: function(val) {
-		utils.toggle_cls('ffz-hide-friends')(val);
-		var presence = utils.ember_lookup(PRESENCE_SERVICE);
-		if ( presence ) {
-			if ( val )
-				presence.setVisibility('none');
-			else if ( ! was_invisible )
-				presence.setVisibility('full');
-		}
-	}
-};
-
-
-var TWITCH_NAV_COLOR = "#4b367c",
-	TWITCH_NAV_RGB = FFZ.Color.RGBA.fromCSS(TWITCH_NAV_COLOR),
-	TWITCH_NAV_Luv = TWITCH_NAV_RGB.toLUVA();
-
-FFZ.settings_info.top_nav_color = {
-	type: "button",
-	value: "#4b367c",
-
-	category: "Sidebar",
-	no_mobile: true,
-
-	name: "Top Navigation Color",
-	help: "Set a custom background color for the top navigation bar.",
-
-	on_update: function(val) {
-		var process = true;
-		val = val.trim();
-
-		if ( val.charAt(0) === '!' ) {
-			process = false;
-			val = val.substr(1).trimLeft();
-		}
-
-		var color = val && FFZ.Color.RGBA.fromCSS(val),
-			color_luv = color && color.toLUVA();
-
-		if ( ! val || process && ! color )
-			return utils.update_css(this._theme_style, 'top-nav-color');
-
-		else if ( process && color_luv.l > TWITCH_NAV_Luv.l ) {
-			color = color_luv._l(TWITCH_NAV_Luv.l).toRGBA();
-			val = color.toCSS();
-		}
-
-		var out = '.theme--dark .top-nav__menu,.top-nav__menu,.top-nav__drawer-anchor,.top-nav__logo{background-color:' + val + '}';
-
-		if ( color.luminance() > 0.2 ) {
-			out += '.top-nav__search .form__icon svg,.top-nav .notification-center__icon svg,.top-nav .prime-logo-crown.prime-logo-crown--white svg,.top-nav__logo svg path, .top-nav__overflow svg path{fill: #000}' +
-				'.top-nav__user-card:after{border-top-color:#000}' +
-				'.top-nav__nav-link .pill{background-color:rgba(0,0,0,0.2)}' +
-				'.top-nav__user-status,.ffz-dark .top-nav__nav-link,.top-nav__nav-link{color: #111!important}' +
-				'.top-nav__nav-link .ffz-follow-count,.top-nav #user_display_name,.ffz-dark .top-nav__nav-link:hover,.top-nav__nav-link:hover{color: #000!important}' +
-				'.ffz-dark .top-nav__search .form__input[type=text],.top-nav__search .form__input[type=text]{color:#000;background-color:rgba(0,0,0,0.05);box-shadow:rgba(0,0,0,0.2) 0 0 0 1px inset}' +
-				'.ffz-dark .top-nav__search .form__input[type=text]:focus,.top-nav__search .form__input[type=text]:focus{box-shadow:rgba(0,0,0,0.4) 0 0 0 1px inset}';
-		} else
-			out += '.top-nav__nav-link{color: #d7d7d7}';
-
-		utils.update_css(this._theme_style, 'top-nav-color', out);
-	},
-
-	method: function() {
-		var f = this;
-		utils.prompt(
-			"Top Navigation Color",
-			"Please enter a custom color for the top navigation bar. This supports any valid CSS color or color name.</p><p><b>Examples:</b> <code>red</code>, <code>orange</code>, <code>#333</code>, <code>rgb(255,127,127)</code></p><p><b>Note:</b> Colors will be darkened by default. To prevent a color being darkened, please start your input with an exclamation mark. Example: <code>!orange</code>",
-			this.settings.top_nav_color,
-			function(new_val) {
-				if ( new_val === null || new_val === undefined )
-					return;
-
-				new_val = new_val.trim();
-				f.settings.set("top_nav_color", new_val);
-			}
-		)
-	}
-}
-
-
-/*FFZ.settings_info.sidebar_start_open = {
-	type: "boolean",
-	value: false,
-
-	category: "Sidebar",
-	no_mobile: true,
-
-	name: "Automatically Open Drawer",
-	help: "Open the drawer at the bottom of the sidebar by default when the page is loaded."
-};*/
-
-
-FFZ.settings_info.sidebar_directly_to_followed_channels = {
-	type: "boolean",
-	value: false,
-
-	category: "Sidebar",
-	no_mobile: true,
-
-	name: "Open Following to Channels",
-	help: "When going to your Following directory, view the Live Channels tab by default."
-};
-
-
-// --------------------
-// Initialization
-// --------------------
-
-FFZ.prototype.setup_sidebar = function() {
-	var s = this._theme_style = utils.createElement('style');
-	s.id = 'ffz-theme-style';
-	s.type = 'text/css';
-	document.head.appendChild(s);
-
-	FFZ.settings_info.top_nav_color.on_update.call(this, this.settings.top_nav_color);
-
-	// CSS to Hide Stuff
-	utils.toggle_cls('ffz-hide-promoted-games')(this.settings.sidebar_hide_promoted_games);
-	utils.toggle_cls('ffz-hide-recommended-channels')(this.settings.sidebar_hide_recommended_channels);
-	utils.toggle_cls('ffz-hide-recommended-friends')(this.settings.sidebar_hide_recommended_friends);
-	utils.toggle_cls('ffz-hide-friends-collapsed')(this.settings.sidebar_hide_friends_collapsed);
-	utils.toggle_cls('ffz-hide-more-at-twitch')(this.settings.sidebar_hide_more_at_twitch);
-	utils.toggle_cls('ffz-hide-friends')(this.settings.sidebar_disable_friends);
-	utils.toggle_cls('ffz-hide-prime')(this.settings.sidebar_hide_prime === 2);
-	utils.toggle_cls('ffz-hide-prime-collapsed')(this.settings.sidebar_hide_prime === 1);
-	utils.toggle_cls('ffz-hide-socialbar')(this.settings.socialbar_hide);
-
-	if ( this.settings.sidebar_disable_friends ) {
-		try {
-			var presence = utils.ember_lookup(PRESENCE_SERVICE);
-			if ( presence ) {
-				was_invisible = presence.get('isInvisible') || false;
-				presence.setVisibility('none');
-			}
-		} catch(err) {
-			this.error("Setting Friends Visibility", err);
-		}
-	}
-
-	// Sidebar Followed Games
-	/*var f = this,
-		GamesFollowing = utils.ember_lookup('controller:games-following');
-
-	if ( GamesFollowing ) {
-		this.log("Hooking the Ember games-following controller.");
-		GamesFollowing.reopen({
-			ffz_sidebar_games: this.settings.sidebar_followed_games,
-
-			sidePanelFollowing: function() {
-				var content = this.get('liveFollowing.sortedContent'),
-					limit = this.get('ffz_sidebar_games');
-
-				return limit === 999 ? content : _.first(content, limit);
-			}.property("liveFollowing.@each", "ffz_sidebar_games")
-		});
-
-		Ember.propertyDidChange(GamesFollowing, 'sidePanelFollowing');
-	} else
-		this.error("Unable to load the Ember games-following controller.", null);*/
-
-
-	// Navigation Component
-	var f = this;
-	this.update_views('component:twitch-navigation', function(x) { return f.modify_navigation(x, false) });
-	this.update_views('component:top-nav', function(x) { return f.modify_navigation(x, true) });
-	this.update_views('component:recommended-channels', this.modify_recommended_channels);
-	this.update_views('component:social-column/followed-channel', this.modify_social_followed_channel)
-
-	// Navigation Service
-	/*var NavService = utils.ember_lookup('service:navigation');
-	if ( NavService ) {
-		// Open Drawer by Default
-		var Layout = utils.ember_lookup('service:layout');
-		if ( this.settings.sidebar_start_open && Layout && ! Layout.get('isSocialColumnEnabled') )
-			NavService.set('isDrawerOpen', true);
-	} else
-		this.error("Unable to load the Ember Navigation service.")*/
-}
-
-
-FFZ.prototype.setup_following_link = function() {
-	var f = this,
-		following_link = document.body.querySelector('#header_following');
-	if ( following_link ) {
-		following_link.href = '/directory/following' + (f.settings.sidebar_directly_to_followed_channels ? '/live' : '');
-		following_link.addEventListener('click', function(e) {
-			following_link.href = '/directory/following' + (f.settings.sidebar_directly_to_followed_channels ? '/live' : '');
-		});
-	}
-}
-
-
-FFZ.prototype.modify_recommended_channels = function(component) {
-	utils.ember_reopen_view(component, {
-		ffz_init: function() {
-			var el = this.get('element');
-			el.classList.add('js-recommended-channels');
-		}
-	});
-}
-
-
-FFZ._sc_followed_tooltip_id = 0;
-
-FFZ.prototype.modify_social_followed_channel = function(component) {
-	var f = this;
-	utils.ember_reopen_view(component, {
-		ffzUpdateVisibility: function() {
-			var el = this.get('element'),
-				game = this.get('stream.game'),
-				is_blocked = game ? f.settings.banned_games.indexOf(game.toLowerCase()) !== -1 : false;
-
-			el && el.classList.toggle('hidden', is_blocked);
-
-		}.observes('stream.game'),
-
-		ffz_init: function() {
-			var t = this,
-				el = this.get('element'),
-				card = jQuery('.js-sc-card', el),
-				data = card && card.data('tipsy');
-
-			this.ffzUpdateVisibility();
-
-			if ( ! data || ! data.options )
-				return;
-
-			data.options.html = true;
-			data.options.gravity = utils.tooltip_placement(constants.TOOLTIP_DISTANCE, 'w');
-			data.options.title = function(el) {
-				var old_text = t.get('tooltipText');
-				if ( ! f.settings.following_count )
-					return old_text; //utils.sanitize(old_text);
-
-				var tt_id = FFZ._sc_followed_tooltip_id++;
-				utils.api.get("streams/" + t.get('stream.id'), null, {version: 5}).then(function(data) {
-					var el = document.querySelector('#ffz-sc-tooltip-' + tt_id);
-					if ( ! el || ! data || ! data.stream )
-						return;
-
-					var channel = data.stream.channel,
-						is_spoilered = f.settings.spoiler_games.indexOf(channel.game && channel.game.toLowerCase()) !== -1,
-
-						up_since = f.settings.stream_uptime && data.stream.created_at && utils.parse_date(data.stream.created_at),
-						now = Date.now() - (f._ws_server_offset || 0),
-						uptime = up_since && (Math.floor((now - up_since.getTime()) / 60000) * 60) || 0;
-
-					var cl = el.parentElement.parentElement.classList;
-					cl.add('ffz-wide-tip');
-					cl.add('ffz-follow-tip');
-
-					el.innerHTML = '<img class="ffz-image-hover" src="' + utils.quote_san(is_spoilered ? 'https://static-cdn.jtvnw.net/ttv-static/404_preview-320x180.jpg' : data.stream.preview.large) + '">' +
-						'<span class="ffz-tt-channel-title">' + utils.sanitize(channel.status) + '</span><hr>' +
-						(uptime > 0 ? '<span class="stat">' + constants.CLOCK + ' ' + utils.duration_string(uptime) + '</span>' : '') +
-						'<span class="stat">' + constants.LIVE + ' ' + utils.number_commas(data.stream.viewers) + '</span>' +
-						'<b>' + utils.sanitize(channel.display_name || channel.name) + '</b><br>' +
-						'<span class="playing">' +
-							(data.stream.stream_type === 'watch_party' ? '<span class="pill is-watch-party">Vodcast</span> ' : '') +
-							(channel.game === 'Creative' ?
-								'Being Creative' :
-								(channel.game ?
-									'Playing ' + utils.sanitize(channel.game) :
-									'Not Playing')) +
-							'</span>';
-				});
-
-				return '<div id="ffz-sc-tooltip-' + tt_id + '">' + old_text + '</div>';
-			};
-		}
-	})
-}
-
-
-FFZ.prototype.modify_navigation = function(component, is_top_nav) {
-	var f = this;
-
-	utils.ember_reopen_view(component, {
-		ffz_init: function() {
-			f._nav = this;
-
-			// Fix tooltips now that we've overrode the function.
-			! is_top_nav && this._initTooltips();
-
-			// Override behavior for the Following link.
-			var el = this.get('element'),
-				following_link = el && el.querySelector(is_top_nav ? 'a[data-tt_content="directory_following"]' : 'a[data-href="following"]');
-
-			if ( following_link ) {
-				following_link.href = '/directory/following' + (f.settings.sidebar_directly_to_followed_channels ? '/live' : '');
-
-				following_link.addEventListener('click', function(e) {
-					following_link.href = '/directory/following' + (f.settings.sidebar_directly_to_followed_channels ? '/live' : '');
-					if ( e && (e.button !== 0 || e.ctrlKey || e.metaKey) )
-						return;
-
-					e.stopImmediatePropagation();
-					e.preventDefault();
-
-					utils.transition('directory.following.' + (f.settings.sidebar_directly_to_followed_channels ? 'channels' : 'index'));
-					return false;
-				});
-			}
-
-			// Find the Settings warp item.
-			/*var settings_svg = el && el.querySelector('.svg-nav_settings');
-			if ( settings_svg ) {
-				var warp = settings_svg.parentElement.parentElement.parentElement,
-					container = warp.parentElement;
-
-				var figure = utils.createElement('figure', 'warp__avatar', constants.ZREKNARF),
-					span = utils.createElement('span', 'is-drawer-closed--hide', 'FrankerFaceZ Settings'),
-					ffz_setting = utils.createElement('a', 'ffz-settings-link html-tooltip', figure),
-					ffz_warp = utils.createElement('li', 'warp__item', ffz_setting);
-
-				ffz_setting.title = 'FrankerFaceZ Settings';
-				ffz_setting.appendChild(span);
-				container.insertBefore(ffz_warp, warp.nextElementSibling);
-			}*/
-		},
-
-		_initTooltips: function() {
-			this._tipsySelector = this.$("#js-warp a, #small_search button, #small_more button");
-			this._tipsySelector.off("mouseenter").off("mouseleave").teardownTipsy();
-			this._tipsySelector.zipsy({
-				gravity: utils.newtip_placement(constants.TOOLTIP_DISTANCE, 'w')});
-
-			this.$('a[data-href="following"]').zipsy({
-				html: true,
-				className: function() { return f.settings.following_count ? 'ffz-wide-tip' : '' },
-				title: function() { return f._build_following_tooltip(this) },
-				gravity: utils.newtip_placement(constants.TOOLTIP_DISTANCE * 2, 'w')
-			});
-		},
-
-		ffz_destroy: function() {
-			if ( f._nav === this )
-				f._nav = null;
-		}
-	});
-}
\ No newline at end of file
diff --git a/src/ember/viewers.js b/src/ember/viewers.js
deleted file mode 100644
index 902c9d89..00000000
--- a/src/ember/viewers.js
+++ /dev/null
@@ -1,105 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils'),
-
-	VIEWER_CATEGORIES = [
-		['staff', 'Staff'],
-		['admins', 'Admins'],
-		['global_mods', 'Global Moderators'],
-		['moderators', 'Moderators'],
-		['viewers', 'Viewers']
-	];
-
-
-// --------------------
-// Settings
-// --------------------
-
-FFZ.settings_info.sort_viewers = {
-	type: "boolean",
-	value: true,
-
-	category: "Chat Appearance",
-	name: "Sort Viewer List",
-	help: "Make sure the viewer list is alphabetically sorted and place the Broadcaster in their own category."
-};
-
-
-// --------------------
-// Initialization
-// --------------------
-
-FFZ.prototype.setup_viewers = function() {
-	this.update_views('component:chat/twitch-chat-viewers', this.modify_viewer_list);
-}
-
-
-FFZ.prototype.modify_viewer_list = function(component) {
-	var f = this;
-
-	utils.ember_reopen_view(component, {
-		lines: function() {
-			var viewers = this._super();
-			if ( ! f.settings.sort_viewers )
-				return this._super();
-
-			try {
-				var viewers = [],
-					has_broadcaster = false,
-					raw_viewers = this.get('model.chatters') || {};
-
-				// Get the broadcaster name.
-				var Channel = utils.ember_lookup('controller:channel'),
-					broadcaster = room_id = this.get('model.id');
-
-				// We can get capitalization for the broadcaster from the channel.
-				if ( Channel && Channel.get('channelModel.id') === room_id ) {
-					var display_name = Channel.get('channelModel.displayName');
-					if ( display_name && display_name !== 'jtv' )
-						FFZ.capitalization[broadcaster] = [display_name, Date.now()];
-				}
-
-				// Iterate over everything~!
-				for(var i=0; i < VIEWER_CATEGORIES.length; i++) {
-					var data = raw_viewers[VIEWER_CATEGORIES[i][0]],
-						label = VIEWER_CATEGORIES[i][1],
-						first_user = true;
-
-					if ( ! data || ! data.length )
-						continue;
-
-					for(var x=0; x < data.length; x++) {
-						if ( data[x] === broadcaster ) {
-							has_broadcaster = true;
-							continue;
-						}
-
-						if ( first_user ) {
-							viewers.push({category: i18n(label)});
-							viewers.push({chatter: ""});
-							first_user = false;
-						}
-
-						var display_name = FFZ.get_capitalization(data[x]);
-						if ( display_name.trim().toLowerCase() !== data[x] )
-							display_name = data[x];
-
-						viewers.push({chatter: display_name});
-					}
-				}
-
-				if ( has_broadcaster )
-					viewers.splice(0, 0,
-						{category: i18n("Broadcaster")},
-						{chatter: ""},
-						{chatter: FFZ.get_capitalization(broadcaster)});
-
-				return viewers;
-
-			} catch(err) {
-				f.error("ViewersController lines: " + err);
-				return this._super();
-			}
-
-		}.property("model.chatters")
-	});
-}
\ No newline at end of file
diff --git a/src/ember/vod-chat.js b/src/ember/vod-chat.js
deleted file mode 100644
index 887a02c1..00000000
--- a/src/ember/vod-chat.js
+++ /dev/null
@@ -1,164 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require("../utils"),
-	constants = require("../constants");
-
-// ---------------------
-// Settings
-// ---------------------
-
-
-// ---------------------
-// Initialization
-// ---------------------
-
-FFZ.prototype.setup_vod_chat = function() {
-	// Get the VOD Chat Service
-	var f = this,
-		VODService = utils.ember_lookup('service:vod-chat-service');
-
-	if ( VODService )
-		VODService.reopen({
-			messageBufferSize: f.settings.scrollback_length,
-
-			pushMessage: function(msg) {
-				if ( msg.get("color") === null ) {
-					var colors = this.get("colorSettings"),
-						from = msg.get("from");
-
-					if ( from ) {
-						var clr = colors.get(from);
-						if ( ! clr ) {
-							clr = constants.CHAT_COLORS[Math.floor(Math.random() * constants.CHAT_COLORS.length)];
-							colors.set(from, clr);
-						}
-
-						if ( typeof clr === 'string' )
-							msg.set('color', clr);
-					}
-				}
-
-				this.get("messages").pushObject(msg);
-
-				var messages = this.get("messages"),
-					len = this.get("messages.length"),
-					limit = this.get("messageBufferSize");
-
-				if ( len > limit )
-					messages.removeAt(0, len - limit);
-			}
-		});
-	else
-		f.error("Unable to locate VOD Chat Service.");
-
-	this.update_views('component:video/rechat/display-container', this.modify_vod_chat_display);
-}
-
-
-FFZ.prototype.modify_vod_chat_display = function(component) {
-	var f = this,
-		VODService = utils.ember_lookup('service:vod-chat-service');
-
-	utils.ember_reopen_view(component, _.extend({
-		ffz_init: function() {
-			f._vodc = this;
-
-			if ( f.settings.dark_twitch )
-				this.$().parents('.chat-container').addClass('dark').addClass('theme--dark');
-
-			this.parentView.addObserver('layout.isTheatreMode', function() {
-				if ( f._vodc && f.settings.dark_twitch )
-					setTimeout(function(){
-						f._vodc.$().parents('.chat-container').addClass('dark').addClass('theme--dark');
-					});
-			});
-
-			this.ffzUpdateBadges();
-
-			// Load the room, if necessary.
-			var room_id = this.get('video.channel.id');
-			if ( room_id && ! f.rooms[room_id] ) {
-				// Load the room model.
-				f.log("Loading Room for VOD: " + room_id);
-				var Room = utils.ember_resolve('model:room'),
-					room = Room && Room.findOne(room_id);
-				if ( room && App.currentPath === 'user.chat' )
-					room.set('isEmbedChat', true);
-			}
-
-			if ( ! f.has_bttv_6 ) {
-				this.ffzFixStickyBottom();
-				this.ffzAddKeyHook();
-
-				if ( f.settings.chat_hover_pause )
-					this.ffzEnableFreeze();
-			}
-		},
-
-		ffz_destroy: function() {
-			if ( f._vodc === this )
-				f._vodc = undefined;
-
-			var room_id = this.get('video.channel.id'),
-				room = f.rooms && f.rooms[room_id];
-
-			// We don't need the chat room anymore, in theory. This will
-			// check if the room is still important after a short delay.
-			if ( room && room.room )
-				room.room.ffzScheduleDestroy();
-
-			this.ffzDisableFreeze();
-			this.ffzRemoveKeyHook();
-		},
-
-		ffzUpdateBadges: function() {
-			var t = this,
-				channel_name = this.get('video.channel.id'),
-				owner_name = this.get('video.owner.name'),
-				owner_id = this.get('video.owner._id');
-
-			if ( channel_name !== owner_name ) {
-				t.set('ffzBadgeSet', null);
-				return Ember.propertyDidChange(t, 'badgeStyle');
-			}
-
-			fetch("https://badges.twitch.tv/v1/badges/channels/" + owner_id + "/display?language=" + (Twitch.receivedLanguage || "en"), {
-				headers: {
-					'Client-ID': constants.CLIENT_ID
-				}
-			}).then(utils.json).then(function(data) {
-				t.set('ffzBadgeSet', data.badge_sets);
-				Ember.propertyDidChange(t, 'badgeStyle');
-			});
-		},
-
-		badgeStyle: function() {
-			var badges = this.get('ffzBadgeSet');
-			if ( ! badges )
-				return this._super();
-
-			var room_id = this.get('video.channel.id'),
-				output = [];
-
-			for(var badge_id in badges) {
-				var versions = badges[badge_id] && badges[badge_id].versions || {};
-				for(var version in versions)
-					output.push(utils.room_badge_css(room_id, badge_id, version, versions[version]));
-			}
-
-			return Ember.String.htmlSafe('<style>' + output.join('') + '</style>');
-
-		}.property('badgeSet', 'ffzBadgeSet'),
-
-		ffzFreezeUpdateBuffer: function(val) {
-			if ( val === undefined )
-				val = this.get('stuckToBottom');
-
-			VODService && VODService.set("messageBufferSize", f.settings.scrollback_length + (val ? 0 : 150));
-		},
-
-		_scheduleScrollToBottom: function() {
-			this._scrollToBottom();
-		}
-
-	}, FFZ.HoverPause));
-}
\ No newline at end of file
diff --git a/src/ember/wrapper.js b/src/ember/wrapper.js
deleted file mode 100644
index 805b77e6..00000000
--- a/src/ember/wrapper.js
+++ /dev/null
@@ -1,99 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require("../utils"),
-	constants = require("../constants");
-
-// --------------------
-// Initialization
-// --------------------
-
-FFZ.prototype.setup_ember_wrapper = function() {
-	this._views_to_update = [];
-	this._ember_finalized = false;
-}
-
-
-FFZ.prototype.update_views = function(klass, modifier, if_not_exists, immediate, no_modify_existing) {
-	var original_klass;
-	if ( typeof klass === 'string' ) {
-		original_klass = klass;
-		klass = utils.ember_resolve(klass);
-		if ( ! klass && if_not_exists ) {
-			if ( typeof if_not_exists === "function" )
-				if_not_exists.call(this, klass, modifier);
-			else {
-				klass = Ember.Component.extend({});
-				App.__registry__.register(original_klass, klass);
-			}
-		}
-
-		if ( ! klass ) {
-			this.error("Unable to locate the Ember " + original_klass);
-			return false;
-		}
-	} else
-		original_klass = klass.toString();
-
-	if ( this._ember_finalized || immediate || ! this._views_to_update )
-		this._update_views([[original_klass, klass, modifier, no_modify_existing || false]]);
-	else
-		this._views_to_update.push([original_klass, klass, modifier, no_modify_existing || false]);
-
-	return true;
-}
-
-
-FFZ.prototype.finalize_ember_wrapper = function() {
-	this._ember_finalized = true;
-	var views = this._views_to_update;
-	this._views_to_update = null;
-	this._update_views(views);
-}
-
-
-FFZ.prototype._update_views = function(klasses) {
-	this.log("Updating Ember classes and instances.", klasses);
-	var updated_instances = 0,
-		updated_klasses = 0;
-
-	// Modify all pending classes and clear them from cache.
-	for(var i=0; i < klasses.length; i++) {
-		klasses[i][2].call(this, klasses[i][1]);
-		updated_klasses++;
-
-		try {
-			klasses[i][1].create().destroy()
-		} catch(err) {
-			if ( constants.DEBUG )
-				this.log("There was an error creating and destroying an instance of the Ember class \"" + klasses[i][0] + "\" to clear its cache.", err);
-		}
-	}
-
-	// Iterate over all existing views and update them as necessary.
-	var views = utils.ember_views();
-	for(var view_id in views) {
-		var view = views[view_id];
-		if ( ! view )
-			continue;
-
-		for(var i=0; i < klasses.length; i++)
-			if ( view instanceof klasses[i][1] ) {
-				updated_instances++;
-
-				try {
-					if ( ! view.ffz_modified && ! klasses[i][3] )
-						klasses[i][2].call(this, view);
-
-					var func = view.ffz_update || view.ffz_init;
-					if ( func )
-						func.call(view);
-
-				} catch(err) {
-					this.error("An error occured when updating an existing Ember instance of: " + klasses[i][0], err);
-				}
-
-				break;
-			}
-	}
-
-	this.log("Updated " + utils.number_commas(updated_instances) + " existing instances across " + updated_klasses + " classes.");
-}
\ No newline at end of file
diff --git a/src/emoticons.js b/src/emoticons.js
deleted file mode 100644
index 844d64cd..00000000
--- a/src/emoticons.js
+++ /dev/null
@@ -1,572 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	CSS = /\.([\w\-_]+)\s*?\{content:\s*?"([^"]+)";\s*?background-image:\s*?url\("([^"]+)"\);\s*?height:\s*?(\d+)px;\s*?width:\s*?(\d+)px;\s*?margin:([^;}]+);?([^}]*)\}/mg,
-	MOD_CSS = /[^\n}]*\.badges\s+\.moderator\s*{\s*background-image:\s*url\(\s*['"]([^'"]+)['"][^}]+(?:}|$)/,
-	constants = require('./constants'),
-	utils = require('./utils'),
-
-	IS_OSX = constants.IS_OSX,
-
-	MODIFIERS = {
-		59847: {
-			modifier_offset: '0 15px 15px 0',
-			modifier: true
-		},
-
-		70852: {
-			modifier: true,
-			modifier_offset: '0 5px 20px 0',
-			extra_width: 5,
-			shrink_to_fit: true
-		},
-
-		70854: {
-			modifier: true,
-			modifier_offset: '30px 0 0'
-		},
-
-		147049: {
-			modifier: true,
-			modifier_offset: '4px 1px 0 3px'
-		},
-
-		147011: {
-			modifier: true,
-			modifier_offset: '0'
-		},
-
-		70864: {
-			modifier: true,
-			modifier_offset: '0'
-		},
-
-		147038: {
-			modifier: true,
-			modifier_offset: '0'
-		}
-	};
-
-
-// ---------------------
-// Initialization
-// ---------------------
-
-FFZ.prototype.setup_emoticons = function() {
-	this.log("Preparing emoticon system.");
-
-	// Usage Data
-	this.emote_usage = {};
-
-	this.log("Creating emoticon style element.");
-	var s = this._emote_style = document.createElement('style');
-	s.id = "ffz-emoticon-css";
-	document.head.appendChild(s);
-
-	this.log("Generating CSS for existing API emoticon sets.");
-	for(var set_id in this.emote_sets) {
-		var es = this.emote_sets[set_id];
-		if ( es && es.pending_css ) {
-			utils.update_css(s, set_id, es.pending_css + (es.css || ''));
-			es.pending_css = null;
-		}
-	}
-
-	this.log("Loading global emote sets.");
-	this.load_global_sets();
-
-	this.log("Loading emoji data.");
-	this.load_emoji_data();
-
-	//this.log("Watching Twitch emoticon parser to ensure it loads.");
-	//this._twitch_emote_check = setTimeout(this.check_twitch_emotes.bind(this), 10000);
-
-	this._twitch_inventory_sets = [];
-	this.refresh_twitch_inventory();
-}
-
-
-FFZ.prototype.refresh_twitch_inventory = function() {
-	var f = this;
-	return new Promise(function(succeed) {
-		var o = [],
-			user = f.get_user();
-
-		if ( ! user ) {
-			f._twitch_inventory_sets = o;
-			return succeed(o);
-		}
-
-		utils.api.get("/v5/inventory/emoticons", null, {version: 5}, user.chat_oauth_token)
-				.done(function(data) {
-
-			o = Object.keys(data.emoticon_sets || {});
-			var ets = f._twitch_emote_to_set = f._twitch_emote_to_set || {};
-
-			for(var i=0; i < o.length; i++) {
-				var set_id = o[i],
-					emotes = data.emoticon_sets[set_id];
-				for(var j=0; j < emotes.length; j++)
-					ets[emotes[j].id] = set_id;
-			}
-
-			f._twitch_inventory_sets = o;
-			return succeed(o);
-
-		}).fail(function() {
-			f._twitch_inventory_sets = o;
-			return succeed(o);
-		});
-	});
-}
-
-
-// ------------------------
-// Emote Usage
-// ------------------------
-
-FFZ.prototype.add_usage = function(room_id, emote, count) {
-	// Only report usage from FFZ emotes. Not extensions to FFZ.
-	var emote_set = this.emote_sets[emote.set_id];
-	if ( ! emote_set || emote_set.source_ext )
-		return;
-
-	var emote_id = emote.id,
-		rooms = this.emote_usage[emote_id] = this.emote_usage[emote_id] || {};
-
-	rooms[room_id] = (rooms[room_id] || 0) + (count || 1);
-
-	if ( this._emote_report_scheduled )
-		return;
-
-	this._emote_report_scheduled = setTimeout(this._report_emotes.bind(this), 30000);
-}
-
-
-FFZ.prototype._report_emotes = function() {
-	if ( this._emote_report_scheduled )
-		delete this._emote_report_scheduled;
-
-	var usage = this.emote_usage;
-	this.emote_usage = {};
-	this.ws_send("emoticon_uses", [usage], function(){}, true);
-}
-
-
-// ------------------------
-// Emote Click Handler
-// ------------------------
-
-FFZ.prototype._click_emote = function(target, event) {
-	if ( ! target || ! target.classList.contains('emoticon') )
-		return;
-
-	if ( event && ! event.shiftKey && ! event.shiftLeft && ((!IS_OSX && event.ctrlKey) || (IS_OSX && event.metaKey)) ) {
-		var eid, favorite_key;
-
-		if ( target.classList.contains('emoji') ) {
-			var emoji = target.getAttribute('data-ffz-emoji'),
-				emoji_data = this.emoji_data[emoji];
-
-			if ( emoji_data ) {
-				favorite_key = 'emoji';
-				eid = emoji_data.raw;
-			}
-
-		} else {
-			eid = target.getAttribute('data-emote');
-
-			if ( eid ) {
-				eid = parseInt(eid);
-				var twitch_set = this._twitch_emote_to_set[eid];
-				if ( twitch_set )
-					if ( this._twitch_inventory_sets.indexOf(twitch_set) !== -1 )
-						favorite_key = 'twitch-inventory';
-					else
-						favorite_key = 'twitch-' + twitch_set;
-
-			} else {
-				eid = target.getAttribute('data-ffz-emote');
-				var set_id = target.getAttribute('data-ffz-set'),
-					emote_set = set_id && this.emote_sets[set_id];
-
-				if ( emote_set && emote_set.emoticons && emote_set.emoticons[eid] ) {
-					favorite_key = 'ffz-' + (emote_set.hasOwnProperty('source_ext') ? 'ext-' + emote_set.source_ext + '-' + emote_set.source_id : set_id);
-					eid = emote_set.emoticons[eid].id || eid;
-				}
-			}
-		}
-
-		if ( favorite_key ) {
-			var favs = this.settings.favorite_emotes[favorite_key] = this.settings.favorite_emotes[favorite_key] || [],
-				is_favorited = favs.indexOf(eid) !== -1;
-
-			if ( is_favorited )
-				favs.removeObject(eid);
-			else
-				favs.push(eid);
-
-			this.settings.set("favorite_emotes", this.settings.favorite_emotes, true);
-			jQuery(target).trigger('mouseout').trigger('mouseover');
-			this._inputv && this._inputv.propertyDidChange('ffz_emoticons');
-		}
-
-		return true;
-	}
-
-	if ( ! this.settings.clickable_emoticons || (event && !(event.shiftKey || event.shiftLeft)) )
-		return;
-
-	var eid = target.getAttribute('data-emote');
-	if ( eid )
-		window.open("https://twitchemotes.com/emote/" + eid);
-	else {
-		eid = target.getAttribute("data-ffz-emote");
-		var es = target.getAttribute("data-ffz-set"),
-			emote_set = es && this.emote_sets[es],
-			url;
-
-		if ( ! emote_set )
-			return;
-
-		if ( emote_set.hasOwnProperty('source_ext') ) {
-			var api = this._apis[emote_set.source_ext];
-			if ( api && api.emote_url_generator )
-				url = api.emote_url_generator(emote_set.source_id, eid);
-		} else
-			url = "https://www.frankerfacez.com/emoticons/" + eid;
-
-		if ( url ) {
-			window.open(url);
-			return true;
-		}
-	}
-}
-
-
-// ------------------------
-// Twitch Emoticon Checker
-// ------------------------
-
-/*FFZ.prototype.check_twitch_emotes = function() {
-	if ( this._twitch_emote_check ) {
-		clearTimeout(this._twitch_emote_check);
-		delete this._twitch_emote_check;
-	}
-
-	var room;
-	if ( this.rooms ) {
-		for(var key in this.rooms) {
-			if ( this.rooms.hasOwnProperty(key) ) {
-				room = this.rooms[key];
-				break;
-			}
-		}
-	}
-
-	if ( ! room || ! room.room || ! room.room.tmiSession ) {
-		this._twitch_emote_check = setTimeout(this.check_twitch_emotes.bind(this), 10000);
-		return;
-	}
-
-	var parser = room.room.tmiSession._emotesParser,
-		emotes = Object.keys(parser.emoticonRegexToIds).length;
-
-	// If we have emotes, we're done!
-	if ( emotes > 0 )
-		return;
-
-	// No emotes. Try loading them.
-	var sets = parser.emoticonSetIds;
-	parser.emoticonSetIds = "";
-	parser.updateEmoticons(sets);
-
-	// Check again in a bit to see if we've got them.
-	this._twitch_emote_check = setTimeout(this.check_twitch_emotes.bind(this), 10000);
-}*/
-
-
-
-// ---------------------
-// Set Management
-// ---------------------
-
-FFZ.prototype.getEmotes = function(user_id, room_id) {
-	var user = this.users && this.users[user_id],
-		room = this.rooms && this.rooms[room_id],
-		room_user = room && room.users && room.users[user_id];
-
-	return _.union(user && user.sets || [], room_user && room_user.sets || [], room && room.set && [room.set] || [], room && room.extra_sets || [], room && room.ext_sets || [], this.default_sets);
-}
-
-
-// ---------------------
-// Commands
-// ---------------------
-
-FFZ.ws_commands.reload_set = function(set_id) {
-	if ( this.emote_sets.hasOwnProperty(set_id) )
-		this.load_set(set_id);
-}
-
-
-FFZ.ws_commands.load_set = function(set_id) {
-	this.load_set(set_id);
-}
-
-
-// ---------------------
-// Emoji Loading
-// ---------------------
-
-FFZ.prototype.load_emoji_data = function(callback, tries) {
-	var f = this,
-		puny = window.punycode && punycode.ucs2;
-
-	jQuery.getJSON(constants.SERVER + "emoji/emoji-data.json")
-		.done(function(data) {
-			var new_data = {},
-				by_name = {};
-			for(var eid in data) {
-				var emoji = data[eid];
-				eid = eid.toLowerCase();
-				emoji.code = eid;
-
-				new_data[eid] = emoji;
-				if ( emoji.short_name )
-					by_name[emoji.short_name] = eid;
-				if ( emoji.names && emoji.names.length )
-					for(var x=0,y=emoji.names.length; x < y; x++)
-						by_name[emoji.names[x]] = eid;
-
-				emoji.raw = _.map(emoji.code.split("-"), utils.codepoint_to_emoji).join("");
-
-				emoji.tw_src = constants.SERVER + 'emoji/tw/' + eid + '.svg';
-				emoji.noto_src = constants.SERVER + 'emoji/noto-' + eid + '.svg';
-				emoji.one_src = constants.SERVER + 'emoji/one/' + eid + '.svg';
-
-				emoji.token = {
-					type: "emoticon",
-					imgSrc: true,
-
-					length: puny ? puny.decode(emoji.raw).length : emoji.raw.length,
-
-					tw_src: emoji.tw_src,
-					noto_src: emoji.noto_src,
-					one_src: emoji.one_src,
-
-					tw: emoji.tw,
-					noto: emoji.noto,
-					one: emoji.one,
-
-					ffzEmoji: eid,
-					altText: emoji.raw
-				};
-			}
-
-			f.emoji_data = new_data;
-			f.emoji_names = by_name;
-
-			f.log("Loaded data on " + Object.keys(new_data).length + " emoji.");
-			if ( typeof callback === "function" )
-				callback(true, data);
-
-		}).fail(function(data) {
-			if ( data.status === 404 )
-				return typeof callback === "function" && callback(false);
-
-			tries = (tries || 0) + 1;
-			if ( tries < 50 )
-				return f.load_emoji(callback, tries);
-
-			return typeof callback === "function" && callback(false);
-		});
-}
-
-
-// ---------------------
-// Set Loading
-// ---------------------
-
-FFZ.prototype.load_global_sets = function(callback, tries) {
-	var f = this;
-	jQuery.getJSON(constants.API_SERVER + "v1/set/global")
-		.done(function(data) {
-			// Apply default sets.
-			var ds = f.default_sets,
-				gs = f.global_sets,
-				sets = data.sets || {};
-
-			// Remove non-API sets from default and global sets.
-			for(var i=ds.length; i--; ) {
-				var set_id = ds[i];
-				if ( data.default_sets.indexOf(set_id) === -1 && (!f.feature_friday || f.feature_friday.set !== set_id) && (! f.emote_sets[set_id] || ! f.emote_sets[set_id].source_ext) )
-					ds.splice(i, 1);
-			}
-
-			for(var i=0; i < data.default_sets.length; i++) {
-				var set_id = data.default_sets[i];
-				if ( ds.indexOf(set_id) === -1 )
-					ds.push(set_id);
-			}
-
-			for(var i=gs.length; i--; ) {
-				var set_id = gs[i];
-				if ( ! sets[set_id] && (!f.feature_friday || f.feature_friday.set !== set_id) && (! f.emote_sets[set_id] || ! f.emote_sets[set_id].source_ext) )
-					gs.splice(i, 1);
-			}
-
-			for(var set_id in sets) {
-				var set = sets[set_id];
-				if ( gs.indexOf(set_id) === -1 )
-					gs.push(set_id);
-
-				f._load_set_json(set_id, undefined, set);
-			}
-
-			f._load_set_users(data.users);
-
-		}).fail(function(data) {
-			if ( data.status == 404 )
-				return typeof callback == "function" && callback(false);
-
-			tries = tries || 0;
-			tries++;
-			if ( tries < 50 )
-				return f.load_global_sets(callback, tries);
-
-			return typeof callback == "function" && callback(false);
-		});
-}
-
-
-FFZ.prototype._load_set_users = function(data) {
-	if ( data )
-		for(var set_id in data)
-			if ( data.hasOwnProperty(set_id) ) {
-				var emote_set = this.emote_sets[set_id],
-					users = data[set_id];
-
-				for(var i=0; i < users.length; i++) {
-					var user = users[i],
-						ud = this.users[user] = this.users[user] || {},
-						sets = ud.sets = ud.sets || [];
-
-					if ( sets.indexOf(set_id) === -1 )
-						sets.push(set_id);
-				}
-
-				this.log('Added "' + (emote_set ? emote_set.title : set_id) + '" emote set to ' + utils.number_commas(users.length) + ' users.');
-			}
-}
-
-
-FFZ.prototype.load_set = function(set_id, callback, tries) {
-	var f = this;
-	jQuery.getJSON(constants.API_SERVER + "v1/set/" + set_id)
-		.done(function(data) {
-			f._load_set_json(set_id, callback, data && data.set);
-			f._load_set_users(data.users);
-
-		}).fail(function(data) {
-			if ( data.status == 404 )
-				return typeof callback == "function" && callback(false);
-
-			tries = tries || 0;
-			tries++;
-			if ( tries < 10 )
-				return f.load_set(set_id, callback, tries);
-
-			return typeof callback == "function" && callback(false);
-		});
-}
-
-
-FFZ.prototype.unload_set = function(set_id) {
-	var set = this.emote_sets[set_id];
-	if ( ! set )
-		return;
-
-	this.log("Unloading emoticons for set: " + set_id);
-
-	utils.update_css(this._emote_style, set_id, null);
-	delete this.emote_sets[set_id];
-
-	if ( set.hasOwnProperty('source_ext') ) {
-		var api = this._apis[set.source_ext];
-		if ( api && api.emote_sets && api.emote_sets[set_id] )
-			api.emote_sets[set_id] = undefined;
-	}
-
-	if ( this._inputv )
-		Ember.propertyDidChange(this._inputv, 'ffz_emoticons');
-}
-
-
-FFZ.prototype._load_set_json = function(set_id, callback, data) {
-	if ( ! data )
-		return typeof callback == "function" && callback(false);
-
-	// Do we have existing users?
-	var users = this.emote_sets[set_id] && this.emote_sets[set_id].users || [];
-
-	// Store our set.
-	this.emote_sets[set_id] = data;
-	data.users = users;
-	data.count = 0;
-
-
-	// Iterate through all the emoticons, building CSS and regex objects as appropriate.
-	var output_css = "",
-		ems = data.emoticons;
-
-	data.emoticons = {};
-
-	for(var i=0; i < ems.length; i++) {
-		var emote = ems[i];
-
-		//emote.klass = "ffz-emote-" + emote.id;
-		emote.set_id = set_id;
-
-		emote.srcSet = emote.urls[1] + " 1x";
-		if ( emote.urls[2] )
-			emote.srcSet += ", " + emote.urls[2] + " 2x";
-		if ( emote.urls[4] )
-			emote.srcSet += ", " + emote.urls[4] + " 4x";
-
-		if ( emote.name[emote.name.length-1] === "!" )
-			emote.regex = new RegExp("(^|\\W|\\b)(" + utils.escape_regex(emote.name) + ")(?=\\W|$)", "g");
-		else
-			emote.regex = new RegExp("(^|\\W|\\b)(" + utils.escape_regex(emote.name) + ")\\b", "g");
-
-		emote.token = {
-			type: "emoticon",
-			srcSet: emote.srcSet,
-			imgSrc: emote.urls[1],
-			ffzEmote: emote.id,
-			ffzEmoteSet: set_id,
-			altText: emote.hidden ? '???' : emote.name
-		};
-
-		if ( MODIFIERS.hasOwnProperty(emote.id) )
-			emote = _.extend(emote, MODIFIERS[emote.id]);
-
-		output_css += utils.emote_css(emote);
-		data.count++;
-		data.emoticons[emote.id] = emote;
-	}
-
-	utils.update_css(this._emote_style, set_id, output_css + (data.css || ""));
-	this.log("Updated emoticons for set #" + set_id + ": " + data.title, data);
-
-	if ( this._cindex )
-		this._cindex.ffzFixTitle();
-
-	this.update_ui_link();
-
-	if ( this._inputv )
-		Ember.propertyDidChange(this._inputv, 'ffz_emoticons');
-
-	this.rerender_feed_cards(set_id);
-
-	if ( callback )
-		callback(true, data);
-}
\ No newline at end of file
diff --git a/src/entry.js b/src/entry.js
new file mode 100644
index 00000000..c0840920
--- /dev/null
+++ b/src/entry.js
@@ -0,0 +1,16 @@
+/* eslint strict: off */
+'use strict';
+(() => {
+	if ( location.hostname === 'player.twitch.tv' )
+		return;
+
+	const DEBUG = localStorage.ffzDebugMode == 'true' && document.body.classList.contains('ffz-dev'),
+		SERVER = DEBUG ? '//localhost:8000' : '//cdn.frankerfacez.com',
+		FLAVOR = window.Ember ? 'umbral' : 'avalon',
+
+		script = document.createElement('script');
+
+	script.id = 'ffz-script';
+	script.src = `${SERVER}/script/${FLAVOR}.js?_=${Date.now()}`;
+	document.head.appendChild(script);
+})();
\ No newline at end of file
diff --git a/src/ext/api.js b/src/ext/api.js
deleted file mode 100644
index 573ac011..00000000
--- a/src/ext/api.js
+++ /dev/null
@@ -1,682 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils'),
-	constants = require('../constants');
-
-
-// ---------------------
-// Badware Check
-// ---------------------
-
-FFZ.prototype.check_badware = function() {
-	if ( this.embed_in_dash || ! window.jQuery || ! window.jQuery.noty )
-		return;
-
-	// Check for the stolen version of BTTV4FFZ.
-	if ( FFZ.settings_info.bttv_global_emotes && FFZ.settings_info.bttv_global_emotes.category === "BetterTTV" ) {
-		var shown = localStorage.ffz_warning_bttv4ffz_clone;
-		if ( shown !== "true" ) {
-			localStorage.ffz_warning_bttv4ffz_clone = "true";
-			this.show_message("You appear to be using an unofficial version of BTTV4FFZ that was copied without the developer's permission. Please use the official version available at <a href=\"https://lordmau5.com/bttv4ffz/\">https://lordmau5.com/bttv4ffz/</a>");
-		}
-	}
-}
-
-
-// ---------------------
-// API Constructor
-// ---------------------
-
-var API = FFZ.API = function(instance, name, icon, version, name_key) {
-	this.ffz = instance || FFZ.get();
-
-	// Check for a known API!
-	if ( name ) {
-		for(var id in this.ffz._known_apis) {
-			if ( this.ffz._known_apis[id] === name ) {
-				this.id = id;
-				break;
-			}
-		}
-	}
-
-	if ( ! this.id ) {
-		var i = 0;
-		while( ! this.id ) {
-			if ( ! this.ffz._known_apis.hasOwnProperty(i) ) {
-				this.id = i;
-				break;
-			}
-			i++;
-		}
-
-		if ( name ) {
-			this.ffz._known_apis[this.id] = name;
-			localStorage.ffz_known_apis = JSON.stringify(this.ffz._known_apis);
-		}
-	}
-
-	this._events = {};
-
-	this.ffz._apis[this.id] = this;
-
-	this.emote_sets = {};
-	this.global_sets = [];
-	this.default_sets = [];
-
-	this.badges = {};
-
-	this.users = {};
-
-	this.name = name || ("Extension#" + this.id);
-	this.name_key = name_key || this.name.replace(/[^A-Z0-9_\-]/g, '').toLowerCase();
-
-	// We can't start name key with a number.
-	if ( /^[0-9]/.test(this.name_key) )
-		this.name_key = '_' + this.name_key;
-
-	this.icon = icon || null;
-	this.version = version || null;
-
-	this.ffz.log('Registered New Extension #' + this.id + ' (' + this.name_key + '): ' + this.name);
-};
-
-
-FFZ.prototype.api = function(name, icon, version, name_key) {
-	// Load the known APIs list.
-	if ( ! this._known_apis ) {
-		this._known_apis = {};
-		var stored_val = localStorage.getItem("ffz_known_apis");
-		if ( stored_val !== null )
-			try {
-				this._known_apis = JSON.parse(stored_val);
-			} catch(err) {
-				this.error("Error loading Known APIs", err);
-			}
-	}
-
-	return new API(this, name, icon, version, name_key);
-}
-
-
-API.prototype.log = function(msg, data, to_json, log_json) {
-	this.ffz.log('Ext #' + this.id + ' (' + this.name_key + '): ' + msg, data, to_json, log_json);
-}
-
-
-API.prototype.error = function(msg, error, to_json, log_json) {
-	this.ffz.error('Ext #' + this.id + ' (' + this.name_key + '): ' + msg, error, to_json, log_json);
-}
-
-
-// ---------------------
-// Events
-// ---------------------
-
-API.prototype.on = function(event, func) {
-	var e = this._events[event] = this._events[event] || [];
-	if ( e.indexOf(func) === -1 )
-		e.push(func);
-}
-
-
-API.prototype.off = function(event, func) {
-	if ( func === undefined )
-		this._events[event] = [];
-	else {
-		var e = this._events[event] = this._events[event] || [],
-			ind = e.indexOf(func);
-		if ( ind !== -1 )
-			e.splice(ind, 1);
-	}
-}
-
-
-var slice = Array.prototype.slice;
-
-API.prototype.trigger = function(event /*, args... */) {
-	var e = this._events[event];
-	if ( e && e.length )
-		for(var i=0; i < e.length; i++)
-			e[i].apply(this, slice.call(arguments, 1));
-}
-
-
-FFZ.prototype.api_trigger = function(/*event, args...*/) {
-	for(var api_id in this._apis) {
-		var api = this._apis[api_id];
-		api.trigger.apply(api, arguments);
-	}
-}
-
-
-// ---------------------
-// Metadata~!
-// ---------------------
-
-API.prototype.register_metadata = function(key, data) {
-	data.source_ext = this.id;
-	data.source_id = key;
-	FFZ.channel_metadata[this.id + '-' + key] = data;
-	this.update_metadata(key);
-}
-
-
-API.prototype.unregister_metadata = function(key) {
-	delete FFZ.channel_metadata[this.id + '-' + key];
-	this.update_metadata(key, true);
-}
-
-
-API.prototype.update_metadata = function(key, full_update) {
-	var real_key = this.id + '-' + key,
-		channel = this.ffz._cindex;
-
-	if ( channel ) {
-		if ( full_update )
-			channel.$('.cn-metabar__ffz[data-key="' + real_key + '"]').remove();
-
-		channel.ffzUpdateMetadata(real_key);
-	}
-}
-
-
-// ---------------------
-// Set Loading
-// ---------------------
-
-API.prototype._load_set = function(real_id, set_id, data) {
-	if ( ! data )
-		return null;
-
-	// Check for an existing set to copy the users.
-	var users = [];
-	if ( this.emote_sets[set_id] && this.emote_sets[set_id].users )
-		users = this.emote_sets[set_id].users;
-
-	var emote_set = _.extend({
-		source: this.name,
-		icon: this.icon || null,
-		title: "Global Emoticons",
-		_type: 0
-	}, data, {
-		source_ext: this.id,
-		source_id: set_id,
-		id: real_id,
-		users: users,
-		count: 0,
-		emoticons: {},
-	});
-
-	this.emote_sets[set_id] = emote_set;
-
-	// Use the real ID for FFZ's own tracking.
-	if ( this.ffz.emote_sets )
-		this.ffz.emote_sets[real_id] = emote_set;
-
-	var output_css = "",
-		ems = data.emoticons,
-		emoticons = emote_set.emoticons;
-
-	for(var i=0; i < ems.length; i++) {
-		var emote = ems[i],
-			id = emote.id || (this.name + '-' + set_id + '-' + i);
-
-		if ( ! emote.name )
-			continue;
-
-		/*var new_emote = _.extend({}, emote, {
-			id: id,
-			set_id: real_id,
-			srcSet: emote.urls[1] + ' 1x'
-		});*/
-
-		emote.id = id;
-		emote.set_id = real_id;
-		emote.srcSet = emote.urls[1] + ' 1x';
-
-		if ( emote.urls[2] )
-			/*new_*/emote.srcSet += ', ' + emote.urls[2] + ' 2x';
-
-		if ( emote.urls[3] )
-			/*new_*/emote.srcSet += ', ' + emote.urls[3] + ' 3x';
-
-		if ( emote.urls[4] )
-			/*new_*/emote.srcSet += ', ' + emote.urls[4] + ' 4x';
-
-		/*new_*/emote.token = {
-			type: "emoticon",
-			srcSet: /*new_*/emote.srcSet,
-			imgSrc: /*new_*/emote.urls[1],
-			ffzEmote: id,
-			ffzEmoteSet: real_id,
-			altText: /*new_*/emote.hidden ? '???' : /*new_*/emote.name
-		};
-
-		output_css += utils.emote_css(/*new_*/emote);
-		emote_set.count++;
-		emoticons[id] = /*new_*/emote;
-	}
-
-	// Use the real ID for building CSS.
-	if ( this.ffz._emote_style )
-		utils.update_css(this.ffz._emote_style, real_id, output_css + (emote_set.css || ""));
-	else
-		emote_set.pending_css = output_css;
-
-	if ( this.ffz._cindex )
-		this.ffz._cindex.ffzFixTitle();
-
-	try {
-		this.ffz.update_ui_link();
-	} catch(err) { }
-
-	return emote_set;
-}
-
-
-// -------------------------
-// Loading / Unloading Sets
-// -------------------------
-
-API.prototype.load_set = function(set_id, emote_set) {
-	var exact_id = this.id + '-' + set_id,
-		already_loaded = this.emote_sets[set_id];
-
-	emote_set.title = emote_set.title || "Global Emoticons";
-	emote_set._type = emote_set._type || 0;
-
-	emote_set = this._load_set(exact_id, set_id, emote_set);
-
-	// Avoid spamming the console if and when other extensions
-	// spend time constantly updating emote sets.
-	if ( this.log_sets )
-		this.log("Loaded Emoticon Set #" + set_id + ": " + emote_set.title + " (" + emote_set.count + " emotes)", emote_set);
-
-	return emote_set;
-}
-
-
-API.prototype.unload_set = function(set_id) {
-	var exact_id = this.id + '-' + set_id,
-		emote_set = this.emote_sets[set_id];
-
-	if ( ! emote_set )
-		return;
-
-	// First, let's unregister it as a global.
-	this.unregister_global_set(set_id);
-
-	// Now, remove the set data.
-	if ( this.ffz._emote_style )
-		utils.update_css(this.ffz._emote_style, exact_id, null);
-
-	this.emote_sets[set_id] = undefined;
-	if ( this.ffz.emote_sets )
-		this.ffz.emote_sets[exact_id] = undefined;
-
-	// Remove from all its Rooms
-	if ( emote_set.users ) {
-		for(var i=0; i < emote_set.users.length; i++) {
-			var room_id = emote_set.users[i],
-				room = this.ffz.rooms && this.ffz.rooms[room_id];
-
-			if ( ! room )
-				continue;
-
-			var ind = room.ext_sets ? room.ext_sets.indexOf(exact_id) : -1;
-			if ( ind !== -1 )
-				room.ext_sets.splice(ind,1);
-		}
-
-		emote_set.users = [];
-	}
-
-
-	return emote_set;
-}
-
-
-API.prototype.get_set = function(set_id) {
-	return this.emote_sets[set_id];
-}
-
-
-// ---------------------
-// Global Emote Sets
-// ---------------------
-
-API.prototype.register_global_set = function(set_id, emote_set) {
-	var exact_id = this.id + '-' + set_id;
-
-	if ( emote_set ) {
-		// If a set was provided, load it.
-		emote_set = this.load_set(set_id, emote_set);
-	} else
-		emote_set = this.emote_sets[set_id];
-
-	if ( ! emote_set )
-		throw new Error("Invalid set ID");
-
-
-	// Make sure the set is still available with FFZ.
-	if ( this.ffz.emote_sets && ! this.ffz.emote_sets[exact_id] )
-		this.ffz.emote_sets[exact_id] = emote_set;
-
-
-	// It's a valid set if we get here, so make it global.
-	if ( this.global_sets.indexOf(set_id) === -1 )
-		this.global_sets.push(set_id);
-
-	if ( this.default_sets.indexOf(set_id) === -1 )
-		this.default_sets.push(set_id);
-
-	if ( this.ffz.global_sets && this.ffz.global_sets.indexOf(exact_id) === -1 )
-		this.ffz.global_sets.push(exact_id);
-
-	if ( this.ffz.default_sets && this.ffz.default_sets.indexOf(exact_id) === -1 )
-		this.ffz.default_sets.push(exact_id);
-
-	// Update tab completion.
-	if ( this.ffz._inputv )
-		Ember.propertyDidChange(this.ffz._inputv, 'ffz_emoticons');
-};
-
-
-API.prototype.unregister_global_set = function(set_id) {
-	var exact_id = this.id + '-' + set_id,
-		emote_set = this.emote_sets[set_id];
-
-	if ( ! emote_set )
-		return;
-
-	// Remove the set from global sets.
-	var ind = this.global_sets.indexOf(set_id);
-	if ( ind !== -1 )
-		this.global_sets.splice(ind,1);
-
-	ind = this.default_sets.indexOf(set_id);
-	if ( ind !== -1 )
-		this.default_sets.splice(ind,1);
-
-	ind = this.ffz.global_sets ? this.ffz.global_sets.indexOf(exact_id) : -1;
-	if ( ind !== -1 )
-		this.ffz.global_sets.splice(ind,1);
-
-	ind = this.ffz.default_sets ? this.ffz.default_sets.indexOf(exact_id) : -1;
-	if ( ind !== -1 )
-		this.ffz.default_sets.splice(ind,1);
-
-	// Update tab completion.
-	if ( this.ffz._inputv )
-		Ember.propertyDidChange(this.ffz._inputv, 'ffz_emoticons');
-};
-
-
-// -----------------------
-// Per-Channel Emote Sets
-// -----------------------
-
-API.prototype.register_room_set = function(room_id, set_id, emote_set) {
-	var exact_id = this.id + '-' + set_id,
-		room = this.ffz.rooms && this.ffz.rooms[room_id];
-
-	if ( ! room )
-		throw new Error("Room not loaded");
-
-	if ( emote_set ) {
-		// If a set was provided, load it.
-		emote_set.title = emote_set.title || "Channel: " + (room.display_name || room_id);
-		emote_set._type = emote_set._type || 1;
-
-		emote_set = this.load_set(set_id, emote_set);
-	} else
-		emote_set = this.emote_sets[set_id];
-
-	if ( ! emote_set )
-		throw new Error("Invalid set ID");
-
-	// Make sure the set is still available with FFZ.
-	if ( ! this.ffz.emote_sets[exact_id] )
-		this.ffz.emote_sets[exact_id] = emote_set;
-
-	// Register it on the room.
-	if ( room.ext_sets && room.ext_sets.indexOf(exact_id) === -1 )
-		room.ext_sets.push(exact_id);
-	if ( emote_set.users.indexOf(room_id) === -1 )
-		emote_set.users.push(room_id);
-
-	// Update tab completion.
-	if ( this.ffz._inputv )
-		Ember.propertyDidChange(this.ffz._inputv, 'ffz_emoticons');
-}
-
-
-API.prototype.unregister_room_set = function(room_id, set_id) {
-	var exact_id = this.id + '-' + set_id,
-		emote_set = this.emote_sets[set_id],
-		room = this.ffz.rooms && this.ffz.rooms[room_id];
-
-	if ( ! emote_set || ! room )
-		return;
-
-	var ind = room.ext_sets ? room.ext_sets.indexOf(exact_id) : -1;
-	if ( ind !== -1 )
-		room.ext_sets.splice(ind,1);
-
-	ind = emote_set.users.indexOf(room_id);
-	if ( ind !== -1 )
-		emote_set.users.splice(ind,1);
-
-	// Update tab completion.
-	if ( this.ffz._inputv )
-		Ember.propertyDidChange(this.ffz._inputv, 'ffz_emoticons');
-}
-
-
-// -----------------------
-// Badge APIs
-// -----------------------
-
-API.prototype.add_badge = function(badge_id, badge) {
-	var exact_id = this.name_key + '-' + badge_id;
-
-	badge.id = badge_id;
-	badge.source_ext = this.id,
-	badge.real_id = exact_id;
-
-	if ( badge.replaces && badge.replaces !== true && ! badge.replaces_type ) {
-		badge.replaces_type = badge.replaces;
-		badge.replaces = true;
-	}
-
-	if ( ! badge.color )
-		badge.color = "transparent";
-
-	this.badges[badge_id] = badge;
-
-	if ( this.ffz.badges )
-		this.ffz.badges[exact_id] = badge;
-
-	if ( this.ffz._badge_style )
-		utils.update_css(this.ffz._badge_style, exact_id, utils.badge_css(badge));
-}
-
-
-API.prototype.remove_badge = function(badge_id) {
-	var exact_id = this.name_key + '-' + badge_id;
-	this.badges[badge_id] = undefined;
-
-	if ( this.ffz.badges )
-		this.ffz.badges[exact_id] = undefined;
-
-	if ( this.ffz._badge_style )
-		utils.update_css(this.ffz._badge_style, exact_id);
-}
-
-
-// -----------------------
-// User Modifications
-// -----------------------
-
-API.prototype.user_add_badge = function(username, slot, badge_id) {
-	var user = this.users[username] = this.users[username] || {},
-		ffz_user = this.ffz.users[username] = this.ffz.users[username] || {},
-
-		badges = user.badges = user.badges || {},
-		ffz_badges = ffz_user.badges = ffz_user.badges || {},
-
-		badge = typeof badge_id !== "object" ? {id: badge_id} : badge_id;
-
-	badge.real_id = this.name_key + '-' + badge.id;
-	badges[slot] = ffz_badges[slot] = badge;
-}
-
-
-API.prototype.user_remove_badge = function(username, slot) {
-	var user = this.users[username] = this.users[username] || {},
-		ffz_user = this.ffz.users[username] = this.ffz.users[username] || {},
-
-		badges = user.badges = user.badges || {},
-		ffz_badges = ffz_user.badges = ffz_user.badges || {};
-
-	badges[slot] = ffz_badges[slot] = null;
-}
-
-
-API.prototype.room_add_user_badge = function(room_name, username, slot, badge_id) {
-	var ffz_room_users = this.ffz.rooms[room_name] && this.ffz.rooms[room_name].users;
-	if ( ! ffz_room_users )
-		return;
-
-	var ffz_user = ffz_room_users[username] = ffz_room_users[username] || {badges: {}, sets: []},
-		ffz_badges = ffz_user && ffz_user.badges,
-
-		badge = typeof badge_id !== "object" ? {id: badge_id} : badge_id;
-
-	badge.real_id = this.name_key + '-' + badge.id;
-	ffz_badges[slot] = badge;
-}
-
-
-API.prototype.room_remove_user_badge = function(room_name, username, slot) {
-	var ffz_room_users = this.ffz.rooms[room_name] && this.ffz.rooms[room_name].users,
-		ffz_user = ffz_room_users && ffz_room_users[username],
-		ffz_badges = ffz_user && ffz_user.badges;
-
-	if ( ffz_badges )
-		ffz_badges[slot] = null;
-}
-
-
-API.prototype.user_add_set = function(username, set_id) {
-	var user = this.users[username] = this.users[username] || {},
-		ffz_user = this.ffz.users[username] = this.ffz.users[username] || {},
-
-		emote_sets = user.sets = user.sets || [],
-		ffz_sets = ffz_user.sets = ffz_user.sets || [],
-
-		exact_id = this.id + '-' + set_id;
-
-	if ( emote_sets.indexOf(set_id) === -1 )
-		emote_sets.push(set_id);
-
-	if ( ffz_sets.indexOf(exact_id) === -1 )
-		ffz_sets.push(exact_id);
-
-	// Update tab completion.
-	var user = this.ffz.get_user();
-	if ( this.ffz._inputv && user && user.login === username )
-		Ember.propertyDidChange(this.ffz._inputv, 'ffz_emoticons');
-}
-
-
-API.prototype.user_remove_set = function(username, set_id) {
-	var user = this.users[username],
-		ffz_user = this.ffz.users[username],
-
-		emote_sets = user && user.sets,
-		ffz_sets = ffz_user && ffz_user.sets,
-
-		exact_id = this.id + '-' + set_id;
-
-	var ind = emote_sets ? emote_sets.indexOf(set_id) : -1;
-	if ( ind !== -1 )
-		emote_sets.splice(ind, 1);
-
-	ind = ffz_sets ? ffz_sets.indexOf(exact_id) : -1;
-	if ( ind !== -1 )
-		ffz_sets.splice(ind, 1);
-
-	// Update tab completion.
-	var user = this.ffz.get_user();
-	if ( this.ffz._inputv && user && user.login === username )
-		Ember.propertyDidChange(this.ffz._inputv, 'ffz_emoticons');
-}
-
-
-API.prototype.retokenize_messages = function(room, user, max_age, update_badges) {
-	var rooms = room ? [room] : Object.keys(this.ffz.rooms),
-		ffz_rooms = this.ffz && this.ffz.rooms || {};
-	for(var i=0; i < rooms.length; i++) {
-		var room_id = rooms[i],
-			room = ffz_rooms[room_id];
-		room && room.room && room.room.ffzRetokenizeUser(user, max_age, update_badges);
-	}
-}
-
-
-// -----------------------
-// Chat Callback
-// -----------------------
-
-API.prototype.register_chat_filter = function(filter) {
-	this.on('room-message', filter);
-}
-
-API.prototype.unregister_chat_filter = function(filter) {
-	this.off('room-message', filter);
-}
-
-// -----------------------
-// Channel Callbacks
-// -----------------------
-
-API.prototype.iterate_chat_views = function(func) {
-	if ( func === undefined )
-		func = this.trigger.bind(this, 'chat-view-init');
-
-	if ( this.ffz._chatv ) {
-		var view = this.ffz._chatv;
-		func(view.get('element'), view);
-	}
-}
-
-API.prototype.iterate_rooms = function(func) {
-	if ( func === undefined )
-		func = this.trigger.bind(this, 'room-add');
-
-	for(var room_id in this.ffz.rooms)
-		func(room_id);
-}
-
-API.prototype.register_on_room_callback = function(callback, dont_iterate) {
-	var cb = this.register_room_set.bind(this, room_id),
-		thing = function(room_id) {
-			return callback(room_id, cb);
-		};
-
-	thing.original_func = callback;
-	this.on('room-add', thing);
-
-	if ( ! dont_iterate )
-		this.iterate_rooms(thing);
-}
-
-API.prototype.unregister_on_room_callback = function(callback) {
-	var e = this._events['room-add'] || [];
-	for(var i=e.length; i--;) {
-		var cb = e[i];
-		if ( cb && cb.original_func === callback )
-			e.splice(i, 1);
-	}
-}
\ No newline at end of file
diff --git a/src/ext/betterttv.js b/src/ext/betterttv.js
deleted file mode 100644
index 334749c6..00000000
--- a/src/ext/betterttv.js
+++ /dev/null
@@ -1,539 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	constants = require('../constants'),
-	utils = require('../utils'),
-	SENDER_REGEX = /(\sdata-sender="[^"]*"(?=>))/,
-
-	HOP = Object.prototype.hasOwnProperty;
-
-
-// --------------------
-// Initialization
-// --------------------
-
-FFZ.prototype.find_bttv = function(increment, delay) {
-	this.has_bttv = this.has_bttv_6 = this.has_bttv_7 = false;
-	if ( window.BetterTTV && BetterTTV.version && BetterTTV.version.indexOf('7.') === 0 )
-		return this.setup_bttv_7(delay||0);
-
-	if ( window.BTTVLOADED )
-		return this.setup_bttv(delay||0);
-
-	if ( delay >= 60000 )
-		this.log("BetterTTV was not detected after 60 seconds.");
-	else
-		setTimeout(this.find_bttv.bind(this, increment, (delay||0) + increment),
-			increment);
-}
-
-
-FFZ.prototype.setup_bttv_7 = function(delay) {
-	this.log("BetterTTV v7 was detected after " + delay + "ms. Hooking.");
-	this.has_bttv = 7;
-	this.has_bttv_6 = false;
-	this.has_bttv_7 = true;
-
-	var settings = BetterTTV.settings,
-		cl = document.body.classList;
-
-	// Disable FFZ Dark if it's enabled.
-	cl.remove("ffz-dark");
-	if ( this._dark_style ) {
-		this._dark_style.parentElement.removeChild(this._dark_style);
-		this._dark_style = undefined;
-	}
-
-	// Disable other styling.
-	if ( this._layout_style ) {
-		this._layout_style.parentElement.removeChild(this._layout_style);
-		this._layout_style = undefined;
-	}
-
-	if ( this._chat_style ) {
-		utils.update_css(this._chat_style, 'chat_font_size', '');
-		utils.update_css(this._chat_style, 'chat_ts_font_size', '');
-	}
-
-	this.toggle_style('chat-padding');
-	this.toggle_style('chat-background');
-
-	this.toggle_style('chat-separator');
-	this.toggle_style('chat-separator-3d');
-	this.toggle_style('chat-separator-3d-inset');
-	this.toggle_style('chat-separator-wide');
-
-	this.toggle_style('chat-colors-gray');
-	/*this.toggle_style('badges-rounded');
-	this.toggle_style('badges-circular');
-	this.toggle_style('badges-blank');
-	this.toggle_style('badges-circular-small');
-	this.toggle_style('badges-transparent');*/
-	this.toggle_style('badges-sub-notice');
-	this.toggle_style('badges-sub-notice-on');
-
-	//cl.remove('ffz-transparent-badges');
-	cl.remove("ffz-sidebar-swap");
-	cl.remove("ffz-portrait");
-	cl.remove("ffz-minimal-channel-title");
-	cl.remove("ffz-flip-dashboard");
-	cl.remove('ffz-minimal-channel-bar');
-	cl.remove('ffz-channel-bar-bottom');
-	cl.remove('ffz-channel-title-top');
-	cl.remove('ffz-sidebar-minimize');
-	cl.remove('ffz-alias-italics');
-
-	// Update the layout service.
-	var Layout = utils.ember_lookup('service:layout');
-	if ( Layout ) {
-		Layout.set('ffzMinimizeNavigation', false);
-		Layout.set('rawPortraitMode', 0);
-	}
-
-	// Remove Following Count
-	if ( this.settings.following_count ) {
-		this._schedule_following_count();
-		this._draw_following_count();
-		this._draw_following_channels();
-	}
-
-
-	/* Update the chat input to not use FFZ's input handling.
-	if ( this._inputv ) {
-		var t = this._inputv.$("textarea");
-		t.off("keyup");
-		t.off("keydown");
-		t.off("keypress");
-		t.on("keyup", this._inputv._onKeyUp.bind(this._inputv));
-		t.on("keydown", this._inputv._onKeyDown.bind(this._inputv));
-	}//*/
-
-
-
-	// Hook into BTTV's dark mode.
-	cl.add('ffz-bttv');
-	cl.toggle('ffz-bttv-dark', settings.get('darkenedMode'));
-
-	settings.on('changed.darkenedMode', function(val) {
-		cl.toggle('ffz-bttv-dark', val);
-	});
-
-	this.update_ui_link();
-	this._roomv && this._roomv.ffzUpdateRecent();
-	this.api_trigger('bttv-initialized', 7);
-}
-
-
-FFZ.prototype.setup_bttv = function(delay) {
-	this.log("BetterTTV was detected after " + delay + "ms. Hooking.");
-	this.has_bttv = true;
-	this.has_bttv_6 = true;
-	this.has_bttv_7 = false;
-
-	// Disable Dark if it's enabled.
-	document.body.classList.remove("ffz-dark");
-	if ( this._dark_style ) {
-		this._dark_style.parentElement.removeChild(this._dark_style);
-		this._dark_style = undefined;
-	}
-
-	if ( this._layout_style ) {
-		this._layout_style.parentElement.removeChild(this._layout_style);
-		this._layout_style = undefined;
-	}
-
-	if ( this._chat_style ) {
-		utils.update_css(this._chat_style, 'chat_font_size', '');
-		utils.update_css(this._chat_style, 'chat_ts_font_size', '');
-	}
-
-	// Remove Sub Count and the Chart
-	if ( this.is_dashboard ) {
-		this._update_subscribers();
-		this._remove_dash_chart();
-	}
-
-	document.body.classList.add('ffz-bttv');
-
-	var last_dark = BetterTTV.settings.get('darkenedMode');
-	document.body.classList.toggle('ffz-bttv-dark', last_dark);
-	setInterval(function() {
-		var new_dark = BetterTTV.settings.get('darkenedMode');
-		if ( new_dark !== last_dark ) {
-			document.body.classList.toggle('ffz-bttv-dark', new_dark);
-			last_dark = new_dark;
-		}
-	}, 500);
-
-	// Disable Chat Tabs
-	if ( this._chatv ) {
-		if ( this.settings.group_tabs )
-			this._chatv.ffzDisableTabs();
-
-		this._chatv.ffzTeardownMenu();
-		this._chatv.ffzUnloadHost();
-	}
-
-	if ( this._roomv ) {
-		// Disable Chat Pause
-		this._roomv.ffzDisableFreeze();
-		this._roomv.ffzRemoveKeyHook();
-
-		// And hide the status
-		if ( this.settings.room_status )
-			this._roomv.ffzUpdateStatus();
-	}
-
-	this.disconnect_extra_chat();
-
-	// Disable style blocks.
-	this.toggle_style('chat-padding');
-	this.toggle_style('chat-background');
-
-	this.toggle_style('chat-separator');
-	this.toggle_style('chat-separator-3d');
-	this.toggle_style('chat-separator-3d-inset');
-	this.toggle_style('chat-separator-wide');
-
-	this.toggle_style('chat-colors-gray');
-	this.toggle_style('badges-rounded');
-	this.toggle_style('badges-circular');
-	this.toggle_style('badges-blank');
-	this.toggle_style('badges-circular-small');
-	this.toggle_style('badges-transparent');
-	this.toggle_style('badges-sub-notice');
-	this.toggle_style('badges-sub-notice-on');
-
-	// Disable other features too.
-	var cl = document.body.classList;
-	cl.remove('ffz-transparent-badges');
-	cl.remove("ffz-sidebar-swap");
-	cl.remove("ffz-portrait");
-	cl.remove("ffz-minimal-channel-title");
-	cl.remove("ffz-flip-dashboard");
-	cl.remove('ffz-minimal-channel-bar');
-	cl.remove('ffz-channel-bar-bottom');
-	cl.remove('ffz-channel-title-top');
-	cl.remove('ffz-sidebar-minimize');
-	cl.remove('ffz-alias-italics');
-
-	// Update the layout service.
-	var Layout = utils.ember_lookup('service:layout');
-	if ( Layout ) {
-		Layout.set('ffzMinimizeNavigation', false);
-		Layout.set('rawPortraitMode', 0);
-	}
-
-	// Remove Following Count
-	if ( this.settings.following_count ) {
-		this._schedule_following_count();
-		this._draw_following_count();
-		this._draw_following_channels();
-	}
-
-	// Send Message Behavior
-	var f = this,
-		BC = BetterTTV.chat,
-		original_send = BC.helpers.sendMessage;
-
-	BC.helpers.sendMessage = function(message) {
-		var cmd = message.split(' ', 1)[0].toLowerCase();
-
-		if ( cmd === '/ffz' )
-			f.run_ffz_command(message.substr(5), BC.store.currentRoom);
-		else
-			return original_send(message);
-	}
-
-
-	// Ugly Hack for Current Room, as this is stripped out before we get to
-	// the actual privmsg renderer.
-	var original_handler = BC.handlers.onPrivmsg,
-		received_room;
-
-	BC.handlers.onPrivmsg = function(room, data) {
-		received_room = room;
-		var output = original_handler(room, data);
-		received_room = null;
-		return output;
-	}
-
-
-	// Message Display Behavior
-	var original_privmsg = BC.templates.privmsg;
-	BC.templates.privmsg = function(data, opts) {
-		try {
-			opts = opts || {};
-
-			// Handle badges.
-			data.room = data.room || received_room;
-			f.bttv_badges(data);
-
-			// API Support
-			f.api_trigger('bttv-room-message', data, opts);
-
-			// Now, do everything else manually because things are hard-coded.
-			return '<div class="chat-line'+(opts.highlight?' highlight':'')+(opts.action?' action':'')+(opts.server?' admin':'')+(opts.notice?' notice':'')+'" data-id="' + data.id + '" data-sender="'+(data.sender||"").toLowerCase()+'" data-room="'+received_room+'">'+
-				BC.templates.timestamp(data.time)+' '+
-				(opts.isMod ? BC.templates.modicons():'')+' '+
-				BC.templates.badges(data.badges)+
-				BC.templates.from(data.nickname, data.color)+
-				BC.templates.message(data.sender, data.message, {
-					emotes: data.emotes,
-					colored: (opts.action && !opts.highlight) ? data.color : false,
-					bits: data.bits
-				}) +
-				'</div>';
-		} catch(err) {
-			f.log("Error: ", err);
-			return original_privmsg(data, opts);
-		}
-	}
-
-	// Whispers too!
-	var original_whisper = BC.templates.whisper;
-	BC.templates.whisper = function(data) {
-		try {
-			// Handle badges.
-			f.bttv_badges(data);
-
-			// Now, do everything else manually because things are hard-coded.
-			return '<div class="chat-line whisper" data-sender="' + data.sender + '">' +
-				BC.templates.timestamp(data.time) + ' ' +
-				(data.badges && data.badges.length ? BC.templates.badges(data.badges) : '') +
-				BC.templates.whisperName(data.sender, data.receiver, data.from, data.to, data.fromColor, data.toColor) +
-				BC.templates.message(data.sender, data.message, {
-					emotes: data.emotes,
-					colored: false
-				}) +
-				'</div>';
-		} catch(err) {
-			f.log("Error: ", err);
-			return original_whisper(data);
-		}
-	}
-
-	// Message Renderer. I had to completely rewrite this method to get it to
-	// use my replacement emoticonizer.
-	var original_message = BC.templates.message,
-		received_sender;
-	BC.templates.message = function(sender, message, data) {
-		try {
-			data = data || {};
-			var colored = data.colored || false,
-				force = data.force || false,
-				emotes = data.emotes,
-				bits = data.bits,
-				rawMessage = encodeURIComponent(message);
-
-			if(sender !== 'jtv') {
-				// Hackilly send our state across.
-				received_sender = sender;
-				var tokenizedMessage = BC.templates.emoticonize(message, emotes);
-				received_sender = null;
-
-				for(var i=0; i<tokenizedMessage.length; i++) {
-					if(typeof tokenizedMessage[i] === 'string') {
-						tokenizedMessage[i] = BC.templates.bttvMessageTokenize(sender, tokenizedMessage[i], bits);
-					} else {
-						tokenizedMessage[i] = tokenizedMessage[i][0];
-					}
-				}
-
-				message = tokenizedMessage.join(' ');
-			}
-
-			return '<span class="message" ' + (colored ? 'style="color: ' + colored + '" ' : '') + 'data-raw="' + rawMessage + '" data-bits="' + (bits ? encodeURIComponent(JSON.stringify(bits)) : 'false') + '" data-emotes="' + (emotes ? encodeURIComponent(JSON.stringify(emotes)) : 'false') + '">' + message + '</span>';
-
-		} catch(err) {
-			f.log("Error: ", err);
-			return original_message(sender, message, emotes, colored);
-		}
-	};
-
-	// Tab Completion
-	var original_emotes = BC.emotes;
-
-	BC.emotes = function() {
-		var output = original_emotes(),
-			user = f.get_user(),
-			room_id = BetterTTV.getChannel(),
-
-			ffz_sets = f.getEmotes(user && user.login, room_id);
-
-		for(var i=0; i < ffz_sets.length; i++) {
-			var emote_set = f.emote_sets[ffz_sets[i]];
-			if ( ! emote_set )
-				continue;
-
-			var set_name = (emote_set.source || "FFZ") + " " + (emote_set.title || "Global") + " Emotes",
-				set_icon = emote_set.icon || (emote_set.hasOwnProperty('source_ext') && f._apis[emote_set.source_ext] && f._apis[emote_set.source_ext].icon) || '//cdn.frankerfacez.com/script/devicon.png';
-
-			for(var emote_id in emote_set.emoticons) {
-				var emote = emote_set.emoticons[emote_id];
-				if ( ! emote.hidden && emote.name ) {
-					output.push({
-						text: emote.name,
-						channel: set_name,
-						badge: set_icon,
-						url: emote.urls[1]
-					});
-				}
-			}
-		}
-
-		return output;
-	}
-
-
-	// Emoji!
-	var parse_emoji = function(token) {
-		var setting = f.settings.parse_emoji,
-			output = [],
-			segments = token.split(constants.EMOJI_REGEX),
-			text = null;
-
-		while(segments.length) {
-			text = (text || '') + segments.shift();
-			if ( segments.length ) {
-				var match = segments.shift(),
-					eid = utils.emoji_to_codepoint(match),
-					data = f.emoji_data[eid],
-					src = data && (setting === 3 ? data.one_src : (setting === 2 ? data.noto_src : data.tw_src));
-
-				if ( src ) {
-					if ( text && text.length )
-						output.push(text);
-
-					// We still want to use a special token even if emoji display is disabled
-					// as, otherwise, BTTV will render the emoji itself, which the user has no
-					// way of disabling if not for this.
-					if ( setting === 0 )
-						output.push([data.raw]);
-					else {
-						var code = utils.quote_attr(data.raw),
-							html = '<img class="emoticon emoji ffz-tooltip" height="18px" data-ffz-emoji="' + eid + '" src="' + utils.quote_attr(src) + '" alt="' + code + '">';
-						output.push([html, html, []]);
-					}
-					text = null;
-				} else
-					text = (text || '') + match;
-			}
-		}
-
-		if ( text && text.length )
-			output.push(text);
-
-		return output;
-	}
-
-	// Emoticonize
-	var emote_token = function(emote) {
-		return '<img class="emoticon ffz-tooltip" data-ffz-set="' + emote.set_id + '" data-ffz-emote="' + emote.id + '" srcset="' + utils.quote_attr(emote.srcSet || "") + '" src="' + utils.quote_attr(emote.urls[1]) + '" alt="' + utils.quote_attr(emote.name) + '">';
-	};
-
-	var original_emoticonize = BC.templates.emoticonize;
-	BC.templates.emoticonize = function(message, emotes) {
-		var tokens = original_emoticonize(message, emotes),
-
-			room = (received_room || BetterTTV.getChannel()),
-			l_room = room && room.toLowerCase(),
-			l_sender = received_sender && received_sender.toLowerCase(),
-			sets = f.getEmotes(l_sender, l_room),
-			emotes = {}, emote,
-			user = f.get_user(),
-			new_tokens = [],
-			mine = user && user.login === l_sender;
-
-		// Build an object with all of our emotes.
-		for(var i=0; i < sets.length; i++) {
-			var emote_set = f.emote_sets[sets[i]];
-			if ( emote_set && emote_set.emoticons )
-				for(var emote_id in emote_set.emoticons) {
-					emote = emote_set.emoticons[emote_id];
-					if ( ! HOP.call(emotes, emote.name) )
-						emotes[emote.name] = emote;
-				}
-		}
-
-		//var last_token = null;
-		for(var i=0, l=tokens.length; i < l; i++) {
-			var token = tokens[i];
-			if ( typeof token !== "string" ) {
-				// Detect emoticons!
-				/*if ( /class="emoticon/.test(token[0]) ) {
-					if ( token.length === 1 ) {
-						token = [token[0], token[0], []];
-					}
-
-					last_token = token;
-
-				} else
-					last_token = null;*/
-
-				new_tokens.push(token);
-				continue;
-			}
-
-			// Split the token!
-			var segments = token.split(' '),
-				text = [], segment;
-
-			for(var x=0,y=segments.length; x < y; x++) {
-				segment = segments[x];
-				if ( HOP.call(emotes, segment) ) {
-					emote = emotes[segment];
-
-					/*if ( false && emote.modifier && last_token && last_token.length > 1 ) {
-						if ( last_token[2].indexOf(emote) === -1 ) {
-							last_token[2].push(emote);
-
-							last_token[0] = '<span class="emoticon modified-emoticon">' + last_token[1] + _.map(last_token[2], function(em) {
-								return ' <span>' + emote_token(em) + '</span>';
-							}).join('') + '</span>'
-
-						}
-
-						if ( mine && l_room )
-							f.add_usage(l_room, emote);
-
-						continue;
-					}*/
-
-					if ( text.length ) {
-						var toks = parse_emoji(text.join(' ') + ' ');
-						for(var q=0; q < toks.length; q++) {
-							var tok = toks[q];
-							/*if ( tok.length > 1 )
-								last_token = tok;
-							else
-								last_token = null;*/
-
-							new_tokens.push(tok);
-						}
-
-						text = [];
-					}
-
-					var html = emote_token(emote);
-					new_tokens.push([html, html, []]);
-
-					if ( mine && l_room )
-						f.add_usage(l_room, emote);
-
-					text.push('');
-				} else
-					text.push(segment);
-			}
-
-			if ( text.length > 1 || (text.length === 1 && text[0] !== '') ) {
-				var toks = parse_emoji(text.join(' ') + ' ');
-				for(var q=0; q < toks.length; q++)
-					new_tokens.push(toks[q]);
-			}
-		}
-
-		return new_tokens;
-	}
-
-	this.update_ui_link();
-	this.api_trigger('bttv-initialized');
-}
\ No newline at end of file
diff --git a/src/ext/emote_menu.js b/src/ext/emote_menu.js
deleted file mode 100644
index ab31cce4..00000000
--- a/src/ext/emote_menu.js
+++ /dev/null
@@ -1,65 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils');
-
-
-// --------------------
-// Initialization
-// --------------------
-
-FFZ.prototype.find_emote_menu = function(increment, delay) {
-	this.has_emote_menu = false;
-	if ( window.emoteMenu && emoteMenu.registerEmoteGetter )
-		return this.setup_emote_menu(delay||0);
-
-	if ( delay >= 60000 )
-		this.log("Emote Menu for Twitch was not detected after 60 seconds.");
-	else
-		setTimeout(this.find_emote_menu.bind(this, increment, (delay||0) + increment),
-			increment);
-}
-
-
-FFZ.prototype.setup_emote_menu = function(delay) {
-	this.log("Emote Menu for Twitch was detected after " + delay + "ms. Registering emote enumerator.");
-	emoteMenu.registerEmoteGetter("FrankerFaceZ", this._emote_menu_enumerator.bind(this));
-}
-
-
-// --------------------
-// Emote Enumerator
-// --------------------
-
-FFZ.prototype._emote_menu_enumerator = function() {
-	if ( this.has_bttv_6 )
-		return [];
-
-	var twitch_user = this.get_user(),
-		user_id = twitch_user ? twitch_user.login : null,
-		controller = utils.ember_lookup('controller:chat'),
-		room_id = controller ? controller.get('currentRoom.id') : null,
-		sets = this.getEmotes(user_id, room_id),
-		emotes = [];
-
-	for(var x = 0; x < sets.length; x++) {
-		var set = this.emote_sets[sets[x]];
-		if ( ! set || ! set.emoticons )
-			continue;
-
-		for(var emote_id in set.emoticons) {
-			if ( ! set.emoticons.hasOwnProperty(emote_id) )
-				continue;
-
-			var emote = set.emoticons[emote_id];
-			if ( emote.hidden )
-				continue;
-
-			var title = (set.source || "FrankerFaceZ") + " " + set.title,
-				badge = set.icon || '//cdn.frankerfacez.com/script/devicon.png';
-
-			emotes.push({text: emote.name, url: emote.urls[1],
-				hidden: false, channel: title, badge: badge});
-		}
-	}
-
-	return emotes;
-}
\ No newline at end of file
diff --git a/src/ext/warpworld.js b/src/ext/warpworld.js
deleted file mode 100644
index 4d66c40b..00000000
--- a/src/ext/warpworld.js
+++ /dev/null
@@ -1,31 +0,0 @@
-var FFZ = window.FrankerFaceZ;
-
-// --------------------
-// Initialization
-// --------------------
-
-FFZ.settings_info.warp_world = {
-	type: "boolean",
-	value: true,
-
-	category: "Channel Metadata",
-	no_mobile: true,
-
-	name: "Warp World <small>(Requires Refresh)</small>",
-	help: 'Automatically load <a href="https://warp.world" target="_blank">Warp World</a> when viewing a channel that uses Warp World.'
-}
-
-FFZ.ws_commands.warp_world = function(data) {
-	if ( ! data || ! this.settings.warp_world )
-		return;
-
-	// Make sure that Warp World isn't already loaded or loading.
-	var ww_script = document.querySelector('script#ww_script');
-	if ( ww_script || window.WarpWorld )
-		return;
-
-	ww_script = document.createElement('script');
-	ww_script.id = 'ww_script';
-	ww_script.src = '//cdn.warp.world/twitch_script/main.min.js?_=' + Date.now();
-	document.head.appendChild(ww_script);
-}
\ No newline at end of file
diff --git a/src/featurefriday.js b/src/featurefriday.js
deleted file mode 100644
index 6d55795d..00000000
--- a/src/featurefriday.js
+++ /dev/null
@@ -1,149 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	constants = require('./constants'),
-	utils = require('./utils');
-
-
-// --------------------
-// Initialization
-// --------------------
-
-FFZ.prototype.feature_friday = null;
-
-
-// --------------------
-// Check FF
-// --------------------
-
-FFZ.prototype.check_ff = function(tries) {
-	if ( ! tries )
-		this.log("Checking for Feature Friday data...");
-
-	jQuery.ajax(constants.SERVER + "script/event.json?_=" + (constants.DEBUG ? Date.now() : FFZ.version_info), {dataType: "json", context: this})
-		.done(function(data) {
-			return this._load_ff(data);
-		}).fail(function(data) {
-			if ( data.status == 404 )
-				return this._load_ff(null);
-
-			tries = tries || 0;
-			tries++;
-			if ( tries < 10 )
-				return setTimeout(this.check_ff.bind(this, tries), 250);
-
-			return this._load_ff(null);
-		});
-}
-
-
-FFZ.ws_commands.reload_ff = function() {
-	this.check_ff();
-}
-
-
-// --------------------
-// Rendering UI
-// --------------------
-
-FFZ.prototype._feature_friday_ui = function(room_id, parent, view) {
-	if ( ! this.feature_friday || this.feature_friday.channel === room_id )
-		return;
-
-	this._emotes_for_set(parent, view, this.feature_friday.set, this.feature_friday.title, this.feature_friday.icon, "FrankerFaceZ");
-
-	// Before we add the button, make sure the channel isn't the
-	// current channel.
-	var Channel = utils.ember_lookup('controller:channel');
-	if ( ! this.feature_friday.channel || (Channel && Channel.get('id') === this.feature_friday.channel) )
-		return;
-
-
-	var ff = this.feature_friday, f = this,
-		btnc = document.createElement('div'),
-		btn = document.createElement('a');
-
-	btnc.className = 'chat-menu-content';
-	btnc.style.textAlign = 'center';
-
-	var message = ff.display_name + (ff.live ? " is live now!" : "");
-
-	btn.className = 'button primary';
-	btn.classList.toggle('live', ff.live);
-	btn.classList.toggle('blue', this.has_bttv_6 && BetterTTV.settings.get('showBlueButtons'));
-
-	btn.href = "//www.twitch.tv/" + ff.channel;
-	btn.title = message;
-	btn.target = "_new";
-	btn.innerHTML = "<span>" + message + "</span>";
-
-	// Track the number of users to click this button.
-	// btn.addEventListener('click', function() { f.track('trackLink', this.href, 'link'); });
-
-	btnc.appendChild(btn);
-	parent.appendChild(btnc);
-}
-
-
-// --------------------
-// Loading Data
-// --------------------
-
-FFZ.prototype._load_ff = function(data) {
-	// Check for previous Feature Friday data and remove it.
-	if ( this.feature_friday ) {
-		// Remove the global set, delete the data, and reset the UI link.
-		var ind = this.global_sets.indexOf(this.feature_friday.set);
-		if ( ind !== -1 )
-			this.global_sets.splice(ind, 1);
-
-		ind = this.default_sets.indexOf(this.feature_friday.set);
-		if ( ind !== -1 )
-			this.default_sets.splice(ind, 1);
-
-		this.feature_friday = null;
-		this.update_ui_link();
-	}
-
-	// If there's no data, just leave.
-	if ( ! data || ! data.set )
-		return;
-
-	// We have our data! Set it up.
-	this.feature_friday = {
-		set: data.set,
-		channel: data.channel,
-		live: false,
-		title: data.title || "Feature Friday",
-		icon: data.icon,
-		display_name: data.channel ? FFZ.get_capitalization(data.channel, this._update_ff_name.bind(this)) : data.title || "Feature Friday"
-	};
-
-	// Add the set.
-	this.global_sets.push(data.set);
-	this.default_sets.push(data.set);
-	this.load_set(data.set);
-
-	// Check to see if the channel is live.
-	this._update_ff_live();
-}
-
-
-FFZ.prototype._update_ff_live = function() {
-	if ( ! this.feature_friday || ! this.feature_friday.channel )
-		return;
-
-	var f = this;
-	utils.api.get("streams/" + this.feature_friday.channel)
-		.done(function(data) {
-			f.feature_friday.live = data.stream != null;
-			f.update_ui_link();
-		})
-		.always(function() {
-			f.feature_friday.timer = setTimeout(f._update_ff_live.bind(f), 120000);
-		});
-}
-
-
-FFZ.prototype._update_ff_name = function(name) {
-	if ( this.feature_friday )
-		this.feature_friday.display_name = name;
-}
\ No newline at end of file
diff --git a/src/i18n.js b/src/i18n.js
new file mode 100644
index 00000000..f878be22
--- /dev/null
+++ b/src/i18n.js
@@ -0,0 +1,489 @@
+'use strict';
+
+// ============================================================================
+// Localization
+// This is based on Polyglot, but with some changes to avoid dependencies on
+// additional libraries and with support for Vue.
+// ============================================================================
+
+import {SERVER} from 'utilities/constants';
+import {has} from 'utilities/object';
+import Module from 'utilities/module';
+
+
+// ============================================================================
+// TranslationManager
+// ============================================================================
+
+export class TranslationManager extends Module {
+	constructor(...args) {
+		super(...args);
+		this.inject('settings');
+
+		this.availableLocales = ['en']; //, 'de', 'ja'];
+
+		this.localeData = {
+			en: { name: 'English' },
+			//de: { name: 'Deutsch' },
+			//ja: { name: '日本語' }
+		}
+
+		this.settings.add('i18n.locale', {
+			default: -1,
+			process: (ctx, val) => {
+				if ( val === -1 )
+					val = ctx.get('context.session.languageCode');
+
+				return this.availableLocales.includes(val) ? val : 'en'
+			},
+
+			_ui: {
+				path: 'Appearance > Localization >> General',
+				title: 'Language',
+				// description: '',
+
+				component: 'setting-select-box',
+				data: (profile, val) => [{
+					selected: val === -1,
+					value: -1,
+					i18n_key: 'setting.appearance.localization.general.language.twitch',
+					title: "Use Twitch's Language"
+				}].concat(this.availableLocales.map(l => ({
+					selected: val === l,
+					value: l,
+					title: this.localeData[l].name
+				})))
+			},
+
+			changed: val => this.locale = val
+		});
+
+	}
+
+	onEnable() {
+		this._ = new TranslationCore; /*({
+			awarn: (...args) => this.log.info(...args)
+		});*/
+
+		this.locale = this.settings.get('i18n.locale');
+	}
+
+	get locale() {
+		return this._.locale;
+	}
+
+	set locale(new_locale) {
+		this.setLocale(new_locale);
+	}
+
+
+	toLocaleString(thing) {
+		if ( thing && thing.toLocaleString )
+			return thing.toLocaleString(this._.locale);
+		return thing;
+	}
+
+
+	async loadLocale(locale) {
+		/*if ( locale === 'en' )
+			return {};
+
+		if ( locale === 'de' )
+			return {
+				site: {
+					menu_button: 'FrankerFaceZ Leitstelle'
+				},
+
+				player: {
+					reset_button: 'Doppelklicken, um den Player zurückzusetzen'
+				},
+
+				setting: {
+					reset: 'Zurücksetzen',
+
+					appearance: {
+						_: 'Aussehen',
+						description: 'Personalisieren Sie das Aussehen von Twitch. Ändern Sie das Farbschema und die Schriften und stimmen Sie das Layout so ab, dass Sie ein optimales Erlebnis erleben.<br><br>(Yes, this is Google Translate still.)',
+						localization: {
+							_: 'Lokalisierung',
+
+							general: {
+								language: {
+									_: 'Sprache',
+									twitch: "Verwenden Sie Twitch's Sprache"
+								}
+							},
+
+
+							dates_and_times: {
+								_: 'Termine und Zeiten',
+								allow_relative_times: {
+									_: 'Relative Zeiten zulassen',
+									description: 'Wenn dies aktiviert ist, zeigt FrankerFaceZ einige Male in einem relativen Format an. <br>Beispiel: vor 3 Stunden'
+								}
+							}
+
+
+						},
+						layout: 'Layout',
+						theme: 'Thema'
+					},
+
+					profiles: {
+						_: 'Profile',
+
+						active: 'Dieses Profil ist aktiv.',
+						inactive: {
+							_: 'Dieses Profil ist nicht aktiv.',
+							description: 'Dieses Profil stimmt nicht mit dem aktuellen Kontext überein und ist momentan nicht aktiv, so dass Sie keine Änderungen sehen, die Sie hier bei Twitch vorgenommen haben.'
+						},
+
+						configure: 'Konfigurieren',
+
+						default: {
+							_: 'Standard Profil',
+							description: 'Einstellungen, die überall auf Twitch angewendet werden.'
+						},
+
+						moderation: {
+							_: 'Mäßigung',
+							description: 'Einstellungen, die gelten, wenn Sie ein Moderator des aktuellen Kanals sind.'
+						}
+					},
+
+					add_ons: {
+						_: 'Erweiterung'
+					},
+
+					'inherited-from': 'Vererbt von: %{title}',
+					'overridden-by': 'Überschrieben von: %{title}'
+				},
+
+				'main-menu': {
+					search: 'Sucheinstellungen',
+
+					about: {
+						_: 'Über',
+						news: 'Nachrichten',
+						support: 'Unterstützung'
+					}
+				}
+			}
+
+		if ( locale === 'ja' )
+			return {
+				greeting: 'こんにちは',
+
+				site: {
+					menu_button: 'FrankerFaceZコントロールセンター'
+				},
+
+				setting: {
+					appearance: {
+						_: '外観',
+						localization: '局地化',
+						layout: '設計',
+						theme: '題材'
+					}
+				},
+
+				'main-menu': {
+					search: '検索設定',
+					version: 'バージョン%{version}',
+
+					about: {
+						_: '約',
+						news: '便り',
+						support: '対応'
+					}
+				}
+			}*/
+
+		const resp = await fetch(`${SERVER}/script/i18n/${locale}.json`);
+		if ( ! resp.ok ) {
+			if ( resp.status === 404 ) {
+				this.log.info(`Cannot Load Locale: ${locale}`);
+				return {};
+			}
+
+			this.log.warn(`Cannot Load Locale: ${locale} -- Status: ${resp.status}`);
+			throw new Error(`http error ${resp.status} loading phrases`);
+		}
+
+		return resp.json();
+	}
+
+	async setLocale(new_locale) {
+		const old_locale = this._.locale;
+		if ( new_locale === old_locale )
+			return [];
+
+		this._.locale = new_locale;
+		this._.clear();
+		this.log.info(`Changed Locale: ${new_locale} -- Old: ${old_locale}`);
+		this.emit(':changed', new_locale, old_locale);
+		this.emit(':update');
+
+		if ( new_locale === 'en' ) {
+			// All the built-in messages are English. We don't need special
+			// logic to load the translations.
+			this.emit(':loaded', []);
+			return [];
+		}
+
+		const phrases = await this.loadLocale(new_locale);
+
+		if ( this._.locale !== new_locale )
+			throw new Error('locale has changed since we started loading');
+
+		const added = this._.extend(phrases);
+		if ( added.length ) {
+			this.log.info(`Loaded Locale: ${new_locale} -- Phrases: ${added.length}`);
+			this.emit(':loaded', added);
+			this.emit(':update');
+		}
+
+		return added;
+	}
+
+	has(key) {
+		return this._.has(key);
+	}
+
+	formatNumber(...args) {
+		return this._.formatNumber(...args);
+	}
+
+	t(...args) {
+		return this._.t(...args);
+	}
+}
+
+
+
+// ============================================================================
+// TranslationCore
+// ============================================================================
+
+const REPLACE = String.prototype.replace,
+	SPLIT = String.prototype.split;
+
+const DEFAULT_FORMATTERS = {
+	en_plural: n => n !== 1 ? 's' : '',
+	number: (n, locale) => n.toLocaleString(locale)
+}
+
+
+export default class TranslationCore {
+	constructor(options) {
+		options = options || {};
+		this.warn = options.warn;
+		this.phrases = new Map;
+		this.extend(options.phrases);
+		this.locale = options.locale || 'en';
+		this.defaultLocale = options.defaultLocale || this.locale;
+
+		const allowMissing = options.allowMissing ? transformPhrase : null;
+		this.onMissingKey = typeof options.onMissingKey === 'function' ? options.onMissingKey : allowMissing;
+		this.transformPhrase = typeof options.transformPhrase === 'function' ? options.transformPhrase : transformPhrase;
+		this.delimiter = options.delimiter || /\s*\|\|\|\|\s*/;
+		this.tokenRegex = options.tokenRegex || /%\{(.*?)(?:\|(.*?))?\}/g;
+		this.formatters = Object.assign({}, DEFAULT_FORMATTERS, options.formatters || {});
+	}
+
+
+	formatNumber(value) {
+		return value.toLocaleString(this.locale);
+	}
+
+
+	extend(phrases, prefix) {
+		const added = [];
+		for(const key in phrases)
+			if ( has(phrases, key) ) {
+				let phrase = phrases[key];
+				const pref_key = prefix ? key === '_' ? prefix : `${prefix}.${key}` : key;
+
+				if ( typeof phrase === 'object' )
+					added.push(...this.extend(phrase, pref_key));
+				else {
+					if ( typeof phrase === 'string' && phrase.indexOf(this.delimiter) !== -1 )
+						phrase = SPLIT.call(phrase, this.delimiter);
+					this.phrases.set(pref_key, phrase);
+					added.push(pref_key);
+				}
+			}
+
+		return added;
+	}
+
+	unset(phrases, prefix) {
+		if ( typeof phrases === 'string' )
+			phrases = [phrases];
+
+		const keys = Array.isArray(phrases) ? phrases : Object.keys(phrases);
+		for(const key of keys) {
+			const pref_key = prefix ? `${prefix}.${key}` : key;
+			const phrase = phrases[key];
+			if ( typeof phrase === 'object' )
+				this.unset(phrase, pref_key);
+			else
+				this.phrases.delete(pref_key);
+		}
+	}
+
+	has(key) {
+		return this.phrases.has(key);
+	}
+
+	set(key, phrase) {
+		if ( typeof phrase === 'string' && phrase.indexOf(this.delimiter) !== -1 )
+			phrase = SPLIT.call(phrase, this.delimiter);
+
+		this.phrases.set(key, phrase);
+	}
+
+	clear() {
+		this.phrases.clear();
+	}
+
+	replace(phrases) {
+		this.clear();
+		this.extend(phrases);
+	}
+
+	t(key, phrase, options, use_default) {
+		const opts = options == null ? {} : options;
+		let p, locale;
+
+		if ( use_default ) {
+			p = phrase;
+			locale = this.defaultLocale;
+
+		} else if ( key === undefined && phrase ) {
+			p = phrase;
+			locale = this.defaultLocale;
+			if ( this.warn )
+				this.warn(`Translation key not generated with phrase "${phrase}"`);
+
+		} else if ( this.phrases.has(key) ) {
+			p = this.phrases.get(key);
+			locale = this.locale;
+		} else if ( phrase ) {
+			if ( this.warn && this.locale !== this.defaultLocale )
+				this.warn(`Missing translation for key "${key}" in locale "${this.locale}"`);
+
+			p = phrase;
+			locale = this.defaultLocale;
+		} else if ( this.onMissingKey )
+			return this.onMissingKey(key, opts, this.locale, this.tokenRegex, this.formatters);
+		else {
+			if ( this.warn )
+				this.warn(`Missing translation for key "${key}" in locale "${this.locale}"`);
+
+			return key;
+		}
+
+		return this.transformPhrase(p, opts, locale, this.tokenRegex, this.formatters);
+	}
+}
+
+
+// ============================================================================
+// Transformations
+// ============================================================================
+
+const DOLLAR_REGEX = /\$/g;
+
+export function transformPhrase(phrase, substitutions, locale, token_regex, formatters) {
+	const is_array = Array.isArray(phrase);
+	if ( substitutions == null )
+		return is_array ? phrase[0] : phrase;
+
+	let result = phrase;
+	const options = typeof substitutions === 'number' ? {count: substitutions} : substitutions;
+
+	if ( is_array )
+		result = result[pluralTypeIndex(
+			locale || 'en',
+			has(options, 'count') ? options.count : 1
+		)] || result[0];
+
+	if ( typeof result === 'string' )
+		result = REPLACE.call(result, token_regex, (expr, arg, fmt) => {
+			if ( ! has(options, arg) )
+				return '';
+
+			let val = options[arg];
+			const formatter = formatters[fmt];
+			if ( typeof formatter === 'function' )
+				val = formatter(val, locale, options);
+			else if ( typeof val === 'string' )
+				val = REPLACE.call(val, DOLLAR_REGEX, '$$');
+
+			return val;
+		});
+
+	return result;
+}
+
+
+// ============================================================================
+// Plural Nonsense
+// ============================================================================
+
+const PLURAL_TYPE_TO_LANG = {
+	arabic: ['ar'],
+	chinese: ['fa', 'id', 'ja', 'ko', 'lo', 'ms', 'th', 'tr', 'zh'],
+	german: ['da', 'de', 'en', 'es', 'es', 'fi', 'el', 'he', 'hu', 'it', 'nl', 'no', 'pt', 'sv'],
+	french: ['fr', 'tl', 'pt-br'],
+	russian: ['hr', 'ru', 'lt'],
+	czech: ['cs', 'sk'],
+	polish: ['pl'],
+	icelandic: ['is']
+};
+
+const PLURAL_LANG_TO_TYPE = {};
+
+for(const type in PLURAL_TYPE_TO_LANG) // eslint-disable-line guard-for-in
+	for(const lang of PLURAL_TYPE_TO_LANG[type])
+		PLURAL_LANG_TO_TYPE[lang] = type;
+
+const PLURAL_TYPES = {
+	arabic: n => {
+		if ( n < 3 ) return n;
+		const n1 = n % 100;
+		if ( n1 >= 3 && n1 <= 10 ) return 3;
+		return n1 >= 11 ? 4 : 5;
+	},
+	chinese: () => 0,
+	german: n => n !== 1 ? 1 : 0,
+	french: n => n > 1 ? 1 : 0,
+	russian: n => {
+		const n1 = n % 10, n2 = n % 100;
+		if ( n1 === 1 && n2 !== 11 ) return 0;
+		return n1 >= 2 && n1 <= 4 && (n2 < 10 || n2 >= 20) ? 1 : 2;
+	},
+	czech: n => {
+		if ( n === 1 ) return 0;
+		return n >= 2 && n <= 4 ? 1 : 2;
+	},
+	polish: n => {
+		if ( n === 1 ) return 0;
+		const n1 = n % 10, n2 = n % 100;
+		return n1 >= 2 && n1 <= 4 && (n2 < 10 || n2 >= 20) ? 1 : 2;
+	},
+	icelandic: n => n % 10 !== 1 || n % 100 === 11 ? 1 : 0
+};
+
+
+export function pluralTypeIndex(locale, n) {
+	let type = PLURAL_LANG_TO_TYPE[locale];
+	if ( ! type ) {
+		const idx = locale.indexOf('-');
+		if ( idx !== -1 )
+			type = PLURAL_LANG_TO_TYPE[locale.slice(0, idx)]
+	}
+
+	return PLURAL_TYPES[type || 'german'](n);
+}
\ No newline at end of file
diff --git a/src/jsconfig.json b/src/jsconfig.json
new file mode 100644
index 00000000..693a1ee5
--- /dev/null
+++ b/src/jsconfig.json
@@ -0,0 +1,8 @@
+{
+	"compilerOptions": {
+		"target": "es6",
+		"paths": {
+			"utilities": ["./utilities"]
+		}
+	}
+}
\ No newline at end of file
diff --git a/src/less/dark-clips.less b/src/less/dark-clips.less
deleted file mode 100644
index 416574e4..00000000
--- a/src/less/dark-clips.less
+++ /dev/null
@@ -1,417 +0,0 @@
-/* Colors */
-@fg-color: #a49ab5;
-@bg-color: #101010;
-@link-color: #a68ed2;
-@remove-link-color: #fc3636;
-
-@hollow-button-color: darken(@link-color, 5%); //#9d8dba;
-
-@bright-bg: lighten(@bg-color, 15%);
-@bright-fg: lighten(@fg-color, 15%);
-
-@nav-bg-color: #191919;
-
-.ffz-dark {
-	html&, body {
-		background-color: @bg-color;
-		color: @fg-color;
-	}
-
-	a {
-		color: @link-color;
-
-		&:hover, &:focus {
-			color: lighten(@link-color, 10%);
-		}
-	}
-
-	hr {
-		border-color: fade(white, 10%);
-	}
-
-
-	.sub-text { color: darken(@fg-color, 10%) }
-
-
-	// Navigation
-	.nav {
-		background-color: @nav-bg-color;
-		border-bottom-color: lighten(@nav-bg-color, 10%);
-	}
-
-	.svg-logo_twitch, .clips-nav__logo { fill: white }
-
-	.nav-banner {
-		background-color: lighten(@nav-bg-color, 10%);
-	}
-
-
-	// Chat
-
-	.clip-chat-message {
-		color: #ccc;
-	}
-
-	.view-clip__main--darker {
-		background-color: darken(@nav-bg-color, 2%);
-	}
-
-	.view-clip__smallTitle {
-		color: @fg-color;
-
-		& > div {
-			background-color: @nav-bg-color;
-			border-bottom: lighten(@nav-bg-color, 10%);
-		}
-	}
-
-	// Content Meta
-	.nv-clip-content {
-		background-color: @nav-bg-color;
-
-		.nv-clip-content__meta {
-			background-color: @nav-bg-color;
-		}
-
-	}
-
-	.view-clip__meta-wrapper {
-		background-color: @nav-bg-color;
-	}
-
-	.view-clip__actions,
-	.view-clip__bc {
-		border-color: lighten(@nav-bg-color, 10%);
-	}
-
-	.view-clip__title {
-		color: @fg-color;
-	}
-
-	.emote-picker {
-		background-color: @nav-bg-color;
-	}
-
-	.emote-picker__emotes .reaction__emote:hover {
-		background-color: lighten(@nav-bg-color, 10%);
-	}
-
-
-	.yin-alert {
-		background-color: lighten(@nav-bg-color, 10%);
-
-		.yin-link {
-			color: #fff;
-
-			&:hover {
-				background-color: fade(white, 10%);
-			}
-		}
-	}
-
-
-	.ct-editable-text {
-		&:hover {
-			background-color: transparent;
-			&:after {
-				background-color: fade(white, 10%);
-			}
-		}
-	}
-
-	.ct-text-input {
-		background-color: fade(white, 10%);
-		color: white;
-		border-color: fade(white, 20%);
-
-		&:focus {
-			border-color: fade(white, 50%);
-		}
-	}
-
-
-	// Clip Center?
-	.ce-clip-center:not(.ce-clip-center--editing) .ce-clip-center__pre-control {
-		background-color: @nav-bg-color;
-		border-color: fade(white, 10%);
-	}
-
-	.ce-filmstrip-fade--left {
-		background-image: linear-gradient(90deg, @bg-color 13%, fade(@bg-color, 0%) 70%)
-	}
-
-	.ce-filmstrip-fade--right {
-		background-image: linear-gradient(-90deg, @bg-color 13%, fade(@bg-color, 0%) 70%)
-	}
-
-
-	// Buttons
-
-	.emote-picker__trigger {
-		fill: @link-color;
-	}
-
-	.button {
-		&, &:hover, &:focus {
-			color: #fff;
-		}
-
-		figure img, figure svg {
-			fill: @link-color;
-		}
-	}
-
-	.button--hollow {
-		box-shadow: inset 0 0 0 1px fade(@link-color, 50%);
-		color: @hollow-button-color;
-
-		&:hover, &:focus {
-			background-color: fade(@link-color, 10%);
-			color: @hollow-button-color;
-		}
-	}
-
-	.button--following {
-		background-color: darken(@nav-bg-color, 2%);
-		color: @fg-color;
-		box-shadow: inset 0 0 0 1px lighten(@bg-color, 10%);
-	}
-
-	.button--disabled {
-		background-color: fade(black, 20%);
-		color: fade(@fg-color, 25%);
-		border-color: fade(@fg-color, 35%);
-
-		&:hover, &:focus {
-			background-color: fade(black, 20%);
-			color: fade(@fg-color, 25%);
-			border-color: fade(@fg-color, 35%);
-		}
-	}
-
-	.button--hollow.button--dropmenu {
-		&:after {
-
-		}
-	}
-
-
-	// Balloons
-
-	.balloon {
-		background-color: lighten(@bg-color, 10%);
-		color: #ccc;
-		box-shadow: 0 0 0 1px fade(white, 20%), 0 1px 1px fade(white, 5%);
-
-		&:after {
-			background-color: lighten(@bg-color, 10%);
-		}
-
-		&--fancy {
-			color: lighten(@link-color, 5%);
-			box-shadow: 0 0 0 1px fade(white, 10%);
-		}
-
-		&--left:after { box-shadow: 1px -1px 0 fade(white, 20%) }
-		&--right:after { box-shadow: -1px 1px 0 fade(white, 20%) }
-		&--up:after { box-shadow: 1px 1px 0 fade(white, 20%) }
-		&--down:after { box-shadow: -1px -1px 0 fade(white, 20%) }
-
-		&--cols .balloon__list ~ .balloon__list { box-shadow: -1px 0 0 #202021 }
-
-		&__stroke { border-bottom-color: fade(white, 10%) }
-
-		.balloon__link {
-			color: @link-color !important;
-
-			&:hover {
-				background-color: @link-color !important;
-				color: @bg-color !important;
-			}
-
-			&.request-removal-link,
-			&.clip-remove-link {
-				color: @remove-link-color !important;
-
-				&:hover {
-					background-color: @remove-link-color !important;
-					color: white !important;
-				}
-			}
-		}
-	}
-
-
-	// Card~
-	.card__title {
-		color: @fg-color;
-	}
-
-	.more-clips {
-		border-color: fade(white, 10%);
-
-		.card__layout:hover {
-			background-color: lighten(@nav-bg-color, 10%);
-		}
-	}
-
-
-	// Popup Card
-	.popup-card {
-		background-color: lighten(@bg-color, 10%);
-		box-shadow:
-			0 0 0 1px fade(white, 10%),
-			0 1rem 2rem -.8rem fade(#6441A4, 25%);
-
-		.popup-card__header {
-			color: lighten(@fg-color, 10%);
-		}
-
-		.cf-footer {
-			background-color: lighten(@bg-color, 5%);
-			border-top: fade(white, 10%);
-		}
-
-	}
-
-	.form__input {
-		background-color: fade(white, 5%);
-		color: lighten(@fg-color, 10%);
-		border-color: fade(white, 10%);
-	}
-
-	.cf-textarea-input {
-		background-color: fade(white, 5%);
-		color: lighten(@fg-color, 10%);
-
-		textarea {
-			background: transparent;
-		}
-	}
-
-
-	// Modal Content
-	.modal {
-		&__content {
-			background-color: @bg-color;
-			box-shadow: 0 1px 1px fade(white, 10%);
-		}
-
-		&-title {
-			color: @bright-fg;
-		}
-
-		&-body-text {
-			color: @fg-color;
-		}
-	}
-
-
-	// Table
-	.table {
-		background-color: @bg-color;
-		box-shadow: 0 2px 4px 0 fade(white, 20%);
-
-		&__row {
-			background-color: @bg-color;
-			color: @fg-color;
-
-			&:nth-child(even) {
-				background-color: lighten(@bg-color, 5%);
-			}
-
-			&:hover {
-				background-color: lighten(@bg-color, 10%);
-			}
-
-			&--no-hover:hover { background-color: @bg-color }
-		}
-
-		&__header {
-			background-color: lighten(@bg-color, 5%)
-		}
-
-		&__cell {
-			border-top-color: @bright-bg;
-			border-bottom-color: @bright-bg;
-			color: @fg-color;
-		}
-
-		&__cell--header {
-			border-bottom-color: @bright-bg;
-			color: @bright-fg;
-		}
-
-		&__zero-title {
-			color: @bright-fg;
-		}
-
-		&__zero-body {
-			color: @fg-color;
-		}
-	}
-
-
-	// Tabs
-	.tabs {
-		box-shadow: inset 0 -1px 0 #202021;
-
-		&__item {
-			box-shadow: inset 0 -1px 0 #202021;
-
-			& > a { color: @link-color }
-
-			&:hover, &--active {
-				box-shadow: inset 0 -1px 0 @link-color;
-
-				& > a {
-					color: @bright-fg;
-				}
-			}
-		}
-	}
-
-
-	.loading-spinner {
-		border-color: fade(white, 18%);
-		border-left-color: @bright-fg;
-	}
-
-	.expand-button__border,
-	.ldboard-head {
-		border-bottom-color: #3e3d40;
-	}
-
-
-	// Previewer
-	.ld-previewer__iframe, .previewer__pane {
-		background-color: @bg-color;
-	}
-
-	.previewer__close {
-		fill: @link-color;
-
-		&:hover, &:focus {
-			fill: lighten(@link-color, 10%);
-		}
-	}
-
-
-	// Labels
-	.label {
-		color: @bright-fg;
-	}
-
-	// Input
-	select,
-	.input--text {
-		background-color: @bg-color;
-		color: @bright-fg;
-		border-color: @bright-bg;
-
-		&:focus {
-			border-color: lighten(@bright-bg, 15%);
-		}
-	}
-
-}
\ No newline at end of file
diff --git a/src/less/style-clips.less b/src/less/style-clips.less
deleted file mode 100644
index 3010325f..00000000
--- a/src/less/style-clips.less
+++ /dev/null
@@ -1,5 +0,0 @@
-.ffz-darken-clips {
-	position: fixed;
-	bottom: 10px;
-	left: 10px;
-}
\ No newline at end of file
diff --git a/src/localization.js b/src/localization.js
deleted file mode 100644
index 8bcd4948..00000000
--- a/src/localization.js
+++ /dev/null
@@ -1,6 +0,0 @@
-var FFZ = window.FrankerFaceZ;
-
-
-FFZ.prototype.tr = function(s) {
-	return s;
-}
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index ef04116e..67207d4a 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,659 +1,114 @@
-// ----------------
-// The Constructor
-// ----------------
+'use strict';
 
-var FFZ = window.FrankerFaceZ = function() {
-	FFZ.instance = this;
+import Logger from 'utilities/logging';
+import Module from 'utilities/module';
 
-	// Logging
-	this._log_data = [];
-	this._apis = {};
+import {DEBUG} from 'utilities/constants';
 
-	// Data structures
-	this.badges = {};
-	this.users = {};
-	this.rooms = {};
+import SettingsManager from './settings/index';
+import {TranslationManager} from './i18n';
+import SocketClient from './socket';
+import Site from 'site';
+import Vue from 'utilities/vue';
 
-	this.emoji_data = {};
-	this.emoji_names = {};
+class FrankerFaceZ extends Module {
+	constructor() {
+		super();
+		const start_time = performance.now(),
+			VER = FrankerFaceZ.version_info;
 
-	this.emote_sets = {};
-	this.global_sets = [];
-	this.default_sets = [];
-	this._last_emote_id = 0;
+		FrankerFaceZ.instance = this;
+
+		this.name = 'frankerfacez';
+		this.__state = 0;
+		this.__modules.core = this;
+
+		this.log = new Logger(this);
+		this.core_log = this.log.get('core');
+
+		this.log.info(`FrankerFaceZ v${VER} (build ${VER.build})`);
 
 
-	// Error Logging
-	var t = this;
-	window.addEventListener('error', function(event) {
-		if ( ! event.error )
-			return;
+		// ========================================================================
+		// Core Systems
+		// ========================================================================
 
-		//var has_stack = event.error && event.error.stack;
-		t.error("Uncaught JavaScript Error", event.error);
-		//t.log("JavaScript Error: " + event.message + " [" + event.filename + ":" + event.lineno + ":" + event.colno + "]", has_stack ? event.error.stack : undefined, false, has_stack);
-	});
+		this.inject('settings', SettingsManager);
+		this.inject('i18n', TranslationManager);
+		this.inject('socket', SocketClient);
+		this.inject('site', Site);
 
-	// Initialize settings as early as possible.
-	this.load_settings();
-
-	// Detect if we need to polyfill
-	if ( ! window.fetch ) {
-		this.log("Fetch is not detected. Requesting polyfill.");
-		var script = document.createElement('script');
-		script.id = 'ffz-polyfill';
-		script.type = 'text/javascript';
-		script.src = FrankerFaceZ.constants.SERVER + 'script/fetch.polyfill.' + (FrankerFaceZ.constants.DEBUG ? '' : 'min.') + 'js?_=' + Date.now();
-		document.head.appendChild(script);
-
-	} else
-		// Get things started.
-		this.initialize();
-}
+		this.register('vue', Vue);
 
 
-FFZ.get = function() { return FFZ.instance; }
+		// ========================================================================
+		// Startup
+		// ========================================================================
 
-// TODO: This should be in a module.
-FFZ.msg_commands = {};
-FFZ.channel_metadata = {};
+		this.discoverModules();
 
+		this.enable().then(() => this.enableInitialModules()).then(() => {
+			const duration = performance.now() - start_time;
+			this.core_log.info(`Initialization complete in ${duration.toFixed(5)}ms.`);
 
-// Version
-var VER = FFZ.version_info = {
-	major: 3, minor: 5, revision: 536,
-	toString: function() {
-		return [VER.major, VER.minor, VER.revision].join(".") + (VER.extra || "");
-	}
-}
-
-
-// Logging
-
-var ua = navigator.userAgent,
-	IS_WEBKIT = ua.indexOf('AppleWebKit/') !== -1 && ua.indexOf('Edge/') === -1,
-	IS_FIREFOX = ua.indexOf('Firefox/') !== -1,
-
-	RED_COLOR = "color: red",
-	FFZ_COLOR = "color:#755000; font-weight: bold",
-	TXT_COLOR = "color:auto; font-weight: normal";
-
-FFZ.prototype.log = function(msg, data, to_json, log_json) {
-	if ( to_json )
-		msg = msg + ' -- ' + JSON.stringify(data);
-
-	this._log_data.push(msg + ((!to_json && log_json) ? " -- " + JSON.stringify(data) : ""));
-
-	if ( data !== undefined && console.groupCollapsed && console.dir ) {
-		if ( IS_WEBKIT )
-			console.groupCollapsed("%cFFZ:%c " + msg, FFZ_COLOR, TXT_COLOR);
-		else
-			console.groupCollapsed("FFZ: " + msg);
-
-		if ( typeof data === "string" || IS_FIREFOX )
-			console.log(data);
-		else
-			console.dir(data);
-
-		if ( IS_WEBKIT )
-			console.groupEnd("%cFFZ:%c " + msg, FFZ_COLOR, TXT_COLOR);
-		else
-			console.groupEnd("FFZ: " + msg);
-
-	} else
-		console.log("%cFFZ:%c " + msg, FFZ_COLOR, TXT_COLOR);
-}
-
-
-FFZ.prototype.error = function(msg, error, to_json, log_json) {
-	var data = error && error.stack || error;
-	msg = "Error: " + msg + " [" + error + "]" + (to_json ? " -- " + JSON.stringify(data) : "");
-	this._log_data.push(msg + ((!to_json && log_json) ? " -- " + JSON.stringify(data) : ""));
-
-	if ( data === undefined ) {
-		var err = new Error();
-		data = err.stack;
-	}
-
-	if ( data !== undefined && console.groupCollapsed && console.dir ) {
-		if ( IS_WEBKIT )
-			console.groupCollapsed("%cFFZ " + msg, RED_COLOR);
-		else
-			console.groupCollapsed("FFZ " + msg);
-
-		if ( typeof data === "string" || IS_FIREFOX )
-			console.log(data);
-		else
-			console.dir(data);
-
-		if ( IS_WEBKIT )
-			console.groupEnd("%cFFZ " + msg, RED_COLOR);
-		else
-			console.groupEnd("FFZ " + msg);
-	} else
-		console.log("%cFFZ " + msg, RED_COLOR);
-}
-
-
-FFZ.prototype.paste_logs = function() {
-	var f = this,
-		output = function(result) {
-			f._pastebin(result).then(function(url) {
-				f.log("Your FrankerFaceZ logs have been uploaded to: " + url);
-			}).catch(function() {
-				f.error("An error occured uploading the logs to a pastebin.");
-			});
-		}
-
-	this.get_debugging_info().then(function(data) {
-		output(data);
-	}).catch(function(err) {
-		f.error("Error building debugging information.", err);
-		output(f._log_data.join("\n"));
-	});
-}
-
-
-FFZ.prototype._pastebin = function(data) {
-	return new Promise(function(succeed, fail) {
-		jQuery.ajax({url: "https://putco.de/", type: "PUT", data: data})
-			.success(function(e) { succeed(e.trim() + ".log"); })
-			.fail(function(e) { fail(null); });
-	});
-}
-
-
-// -------------------
-// User Data
-// -------------------
-
-FFZ.prototype.get_location = function(force_reload) {
-	var f = this;
-	return new Promise(function(succeed, fail) {
-		if ( ! force_reload && f.__location )
-			succeed(f.__location);
-
-		if ( window.Twitch && Twitch.geo )
-			Twitch.geo.then(function(data) {
-				f.__location = {
-					region: data.region,
-					country: data.geo,
-					lang: data.preferred_language
-				};
-
-				succeed(f.__location);
-			});
-		else
-			// TODO: Implement my own lookup.
-			fail('no provider available');
-	})
-}
-
-
-FFZ.prototype.get_user = function(force_reload) {
-	if ( ! force_reload && this.__user && this.__user.chat_oauth_token )
-		return this.__user;
-
-	var LC = FFZ.utils.ember_lookup('service:login'),
-		user = LC ? LC.get('userData') : undefined;
-
-	if ( ! user && window.PP && PP.login )
-		user = PP;
-
-	if ( user )
-		this.__user = user;
-
-	return user;
-}
-
-FFZ.prototype._editor_of = null;
-
-FFZ.prototype.get_user_editor_of = function() {
-	var f = this;
-	return new Promise(function(succeed,fail) {
-		var user = f.get_user();
-		if ( ! user || ! user.login )
-			return fail();
-
-		jQuery.get("/" + user.login + "/dashboard/permissions").done(function(data) {
-			try {
-				var dom = new DOMParser().parseFromString(data, 'text/html'),
-					links = dom.querySelectorAll('#editable .label');
-
-				f._editor_of = _.map(links, function(e) {
-					var href = e.getAttribute('href');
-					return href && href.substr(href.lastIndexOf('/') + 1);
-				});
-
-				succeed(f._editor_of);
-
-			} catch(err) {
-				f.error("Failed to parse User Editor State", err);
-				fail();
-			}
-
-		}).fail(function(e) {
-			f.error("Failed to load User Editor State", e);
-			fail();
+		}).catch(err => {
+			this.core_log.error('An error occurred during initialization.', err);
 		});
-	});
-}
-
-
-// -------------------
-// Import Everything!
-// -------------------
-
-// Import these first to set up data structures
-require('./localization');
-require('./ui/menu');
-require('./settings');
-require('./socket');
-
-require('./colors');
-require('./emoticons');
-require('./badges');
-require('./tokenize');
-//require('./filtering');
-
-require('./ember/wrapper');
-require('./ember/router');
-require('./ember/bits');
-require('./ember/channel');
-require('./ember/player');
-require('./ember/room');
-require('./ember/vod-chat');
-require('./ember/layout');
-require('./ember/line');
-require('./ember/chatview');
-require('./ember/conversations');
-require('./ember/viewers');
-require('./ember/moderation-card');
-require('./ember/chat-input');
-//require('./ember/teams');
-require('./ember/directory');
-require('./ember/following');
-require('./ember/feed-card');
-require('./ember/sidebar');
-require('./ember/dashboard');
-require('./ember/commerce');
-
-require('./debug');
-
-require('./ext/betterttv');
-require('./ext/emote_menu');
-
-require('./featurefriday');
-
-require('./ui/channel_stats');
-require('./ui/logviewer');
-//require('./ui/chatpane');
-require('./ui/popups');
-require('./ui/styles');
-require('./ui/dark');
-require('./ui/tooltips');
-require('./ui/notifications');
-//require('./ui/viewer_count');
-require('./ui/sub_count');
-//require('./ui/dash_stats');
-require('./ui/dash_feed');
-
-require('./ui/menu_button');
-require('./ui/following');
-require('./ui/following-count');
-require('./ui/races');
-require('./ui/my_emotes');
-require('./ui/about_page');
-require('./ui/schedule');
-
-require('./commands');
-require('./ext/api');
-require('./ext/warpworld');
-
-
-// ---------------
-// Initialization
-// ---------------
-
-FFZ.prototype.initialized = false;
-
-FFZ.prototype.initialize = function(increment, delay) {
-	// Make sure that FrankerFaceZ doesn't start setting itself up until the
-	// Twitch ember application is ready.
-
-	// Pages we don't want to interact with at all.
-	if ( ['passport.twitch.tv', 'im.twitch.tv', 'api.twitch.tv', 'chatdepot.twitch.tv', 'spade.twitch.tv'].indexOf(location.hostname) !== -1 || /^\/pr\//.test(location.pathname) || /^\/user\/two_factor/.test(location.pathname) ) {
-		this.log("Found banned sub-domain. Not initializing.");
-		window.FrankerFaceZ = null;
-		return;
 	}
 
-	// Check for the player
-	if ( location.hostname === 'player.twitch.tv' )
-		return this.init_player(delay);
-
-	// Clips~
-	if ( location.hostname === 'clips.twitch.tv' )
-		return this.init_clips(delay);
-
-	// Check for special non-ember pages.
-	if ( /^\/(?:team\/|user\/|p\/|m\/|settings\/(?:prime|turbo|channel|security|connections)|messages?\/)/.test(location.pathname) )
-		return this.init_normal(delay);
-
-	// Check for the dashboard.
-	/*if ( window.PP && /\/[^\/]+\/dashboard/.test(location.pathname) && !/bookmarks$/.test(location.pathname) )
-		return this.init_dashboard(delay);*/
-
-	var loaded = FFZ.utils.ember_resolve('model:room');
-	if ( !loaded ) {
-		increment = increment || 10;
-		if ( delay >= 60000 )
-			this.log("Twitch application not detected in \"" + location.toString() + "\". Aborting.");
-		else
-			setTimeout(this.initialize.bind(this, increment, (delay||0) + increment),
-				increment);
-		return;
+	static get() {
+		return FrankerFaceZ.instance;
 	}
 
-	this.init_ember(delay);
-}
 
+	// ========================================================================
+	// Modules
+	// ========================================================================
 
-FFZ.prototype.init_clips = function(delay) {
-	var start = (window.performance && performance.now) ? performance.now() : Date.now();
-	this.log("Found Twitch Clips after " + (delay||0) + " ms at: " + location);
-	this.log("Initializing FrankerFaceZ version " + FFZ.version_info);
+	discoverModules() {
+		const ctx = require.context('src/modules', true, /(?:^(?:\.\/)?[^/]+|index)\.js$/),
+			modules = this.populate(ctx, this.core_log);
 
-	this.is_dashboard = false;
-	this.embed_in_dash = false;
-	this.is_clips = true;
-	try {
-		this.embed_in_clips = window.top !== window && window.top.location.hostname === 'clips.twitch.tv';
-	} catch(err) { this.embed_in_clips = false; }
-
-	this.setup_dark();
-	this.setup_css();
-
-	this.add_clips_darken_button();
-
-	this.initialized = true;
-	this.api_trigger('initialized');
-
- 	var end = (window.performance && performance.now) ? performance.now() : Date.now(),
-		duration = end - start;
-
-	this.log("Initialization complete in " + duration + "ms");
-}
-
-
-FFZ.prototype.init_player = function(delay) {
-	var start = (window.performance && performance.now) ? performance.now() : Date.now();
-	this.log("Found Twitch Player after " + (delay||0) + " ms at: " + location);
-	this.log("Initializing FrankerFaceZ version " + FFZ.version_info);
-
-	this.is_dashboard = false;
-	try {
-		this.embed_in_dash = window.top !== window && /\/[^\/]+\/dashboard/.test(window.top.location.pathname) && !/bookmarks$/.test(window.top.location.pathname);
-	} catch(err) { this.embed_in_dash = false; }
-
-	// Literally only make it dark.
-	this.setup_dark();
-	this.setup_css();
-	this.setup_player();
-
-	this.initialized = true;
-	this.api_trigger('initialized');
-
-	var end = (window.performance && performance.now) ? performance.now() : Date.now(),
-		duration = end - start;
-
-	this.log("Initialization complete in " + duration + "ms");
-}
-
-
-FFZ.prototype.init_normal = function(delay, no_socket) {
-	var start = (window.performance && performance.now) ? performance.now() : Date.now();
-	this.log("Found non-Ember Twitch after " + (delay||0) + " ms at: " + location);
-	this.log("Initializing FrankerFaceZ version " + FFZ.version_info);
-
-	this.is_dashboard = false;
-	try {
-		this.embed_in_dash = window.top !== window && /\/[^\/]+\/dashboard/.test(window.top.location.pathname) && !/bookmarks$/.test(window.top.location.pathname);
-	} catch(err) { this.embed_in_dash = false; }
-
-	// Initialize all the modules.
-	this.setup_ember_wrapper();
-
-	// Start this early, for quick loading.
-	this.setup_dark();
-	this.setup_css();
-	this.setup_popups();
-
-	this.setup_following_link();
-
-	if ( ! no_socket ) {
-		this.setup_time();
-		this.ws_create();
+		this.core_log.info(`Loaded descriptions of ${Object.keys(modules).length} modules.`);
 	}
 
-	this.setup_colors();
-	this.setup_emoticons();
-	this.setup_badges();
-	this.setup_sidebar();
 
-	this.setup_notifications();
-	this.setup_following_count(false);
-	this.setup_menu();
-
-	this.finalize_ember_wrapper();
-	this.setup_message_event();
-	this.fix_tooltips();
-	this.find_bttv(10);
-
-	this.initialized = true;
-	this.api_trigger('initialized');
-
-	var end = (window.performance && performance.now) ? performance.now() : Date.now(),
-		duration = end - start;
-
-	this.log("Initialization complete in " + duration + "ms");
-}
-
-
-FFZ.prototype.is_dashboard = false;
-
-FFZ.prototype.init_dashboard = function(delay) {
-	var start = (window.performance && performance.now) ? performance.now() : Date.now();
-	this.log("Found Twitch Dashboard after " + (delay||0) + " ms at: " + location);
-	this.log("Initializing FrankerFaceZ version " + FFZ.version_info);
-
-	var match = location.pathname.match(/\/([^\/]+)/);
-	this.dashboard_channel = match && match[1] || undefined;
-
-	this.is_dashboard = true;
-	this.embed_in_dash = false;
-
-	// Initialize all the modules.
-	this.setup_ember_wrapper();
-
-	// Start this early, for quick loading.
-	this.setup_dark();
-	this.setup_css();
-	this.setup_popups();
-
-	this.setup_following_link();
-
-	this.setup_time();
-	this.ws_create();
-
-	this.setup_colors();
-	this.setup_emoticons();
-	this.setup_badges();
-
-	this.setup_tokenization();
-	this.setup_notifications();
-	this.setup_following_count(false);
-	this.setup_menu();
-	//this.setup_dash_stats();
-	this.setup_dash_feed();
-
-	this.finalize_ember_wrapper();
-
-	this._update_subscribers();
-
-	// Set up the FFZ message passer.
-	this.setup_message_event();
-
-	this.cache_command_aliases();
-	this.fix_tooltips();
-	this.find_bttv(10);
-
-	this.initialized = true;
-	this.api_trigger('initialized');
-
-	var end = (window.performance && performance.now) ? performance.now() : Date.now(),
-		duration = end - start;
-
-	this.log("Initialization complete in " + duration + "ms");
-}
-
-
-FFZ.prototype.init_ember = function(delay) {
-	var start = (window.performance && performance.now) ? performance.now() : Date.now();
-	this.log("Found Twitch application after " + (delay||0) + " ms at: " + location);
-	this.log("Initializing FrankerFaceZ version " + FFZ.version_info);
-
-	this.is_dashboard = false;
-
-	try {
-		this.embed_in_dash = window.top !== window && /\/[^\/]+\/dashboard/.test(window.top.location.pathname) && !/bookmarks$/.test(window.top.location.pathname);
-	} catch(err) { this.embed_in_dash = false; }
-
-	// Is debug mode enabled? Scratch that, everyone gets error handlers!
-	if ( true ) { //this.settings.developer_mode ) {
-		// Set up an error listener for RSVP.
-		var f = this;
-		if ( Ember.RSVP && Ember.RSVP.on )
-			Ember.RSVP.on('error', function(error) {
-				// We want to ignore errors that are just 4xx HTTP responses.
-				if ( error && error.responseJSON && typeof error.responseJSON.status === "number" && error.responseJSON.status >= 400 )
-					return;
-
-				f.error("There was an error within an Ember RSVP.", error);
-			});
-
-		Ember.onerror = function(error) {
-			// We want to ignore errors that are just 4xx HTTP responses.
-			if ( error && error.responseJSON && typeof error.responseJSON.status === "number" && error.responseJSON.status >= 400 )
-				return;
-
-			f.error("There was an unknown error within Ember.", error);
-		}
-	}
-
-	// Set up all the everything.
-	this.setup_ember_wrapper();
-
-	// Start this early, for quick loading.
-	this.setup_dark();
-	this.setup_css();
-	this.setup_popups();
-
-	this.setup_time();
-	this.ws_create();
-
-	this.setup_emoticons();
-	this.setup_badges();
-
-	this.setup_router();
-	this.setup_colors();
-	this.setup_tokenization();
-	//this.setup_filtering();
-
-	this.setup_player();
-	this.setup_channel();
-	this.setup_room();
-	this.setup_vod_chat();
-	this.setup_line();
-	this.setup_bits();
-	this.setup_layout();
-	this.setup_chatview();
-	this.setup_conversations();
-	this.setup_viewers();
-	this.setup_mod_card();
-	this.setup_chat_input();
-	this.setup_directory();
-	this.setup_profile_following();
-	this.setup_feed_cards();
-	this.setup_sidebar();
-	this.setup_dashboard();
-	this.setup_commerce();
-
-	//this.setup_teams();
-
-	this.setup_notifications();
-	this.setup_menu();
-	this.setup_my_emotes();
-	this.setup_following();
-	this.setup_following_count(true);
-	this.setup_races();
-
-
-	// Do all Ember modification before this point.
-	this.finalize_ember_wrapper();
-
-	this.cache_command_aliases();
-	this.fix_tooltips();
-	this.fix_scroll();
-
-	setTimeout(this.connect_extra_chat.bind(this), 250);
-
-	this.setup_message_event();
-	this.find_bttv(10);
-	this.find_emote_menu(10);
-
-	setTimeout(this.check_badware.bind(this), 10000);
-
-	//this.check_news();
-	this.check_ff();
-	this.refresh_chat();
-
-	this.initialized = true;
-	this.api_trigger('initialized');
-
-	var end = (window.performance && performance.now) ? performance.now() : Date.now(),
-		duration = end - start;
-
-	this.log("Initialization complete in " + duration + "ms");
-}
-
-
-// ------------------------
-// Dashboard Message Event
-// ------------------------
-
-FFZ.prototype.setup_message_event = function() {
-	this.log("Listening for Window Messages.");
-	window.addEventListener("message", this._on_window_message.bind(this), false);
-}
-
-
-FFZ.prototype._on_window_message = function(e) {
-	var msg = e.data;
-	if ( typeof msg === "string" )
-		try {
-			msg = JSON.parse(msg);
-		} catch(err) {
-			// Not JSON? We don't care.
-			return;
+	async enableInitialModules() {
+		const promises = [];
+		/* eslint guard-for-in: off */
+		for(const key in this.__modules) {
+			const module = this.__modules[key];
+			if ( module instanceof Module && module.should_enable )
+				promises.push(module.enable());
 		}
 
-	if ( ! msg || ! msg.from_ffz )
-		return;
+		await Promise.all(promises);
+	}
 
-	var handler = FFZ.msg_commands[msg.command];
-	if ( handler )
-		handler.call(this, msg.data);
-	else
-		this.log("Invalid Message: " + msg.command, msg.data, false, true);
-}
\ No newline at end of file
+
+	/* eslint class-methods-use-this: off */
+	api() {
+		throw new Error('Not Implemented');
+	}
+}
+
+FrankerFaceZ.Logger = Logger;
+
+const VER = FrankerFaceZ.version_info = {
+	major: 4, minor: 0, revision: 0, extra: '-beta1',
+	build: __webpack_hash__,
+	toString: () =>
+		`${VER.major}.${VER.minor}.${VER.revision}${VER.extra || ''}${DEBUG ? '-dev' : ''}`
+}
+
+
+FrankerFaceZ.utilities = {
+	dom: require('utilities/dom'),
+	color: require('utilities/color'),
+	events: require('utilities/events')
+}
+
+
+
+window.FrankerFaceZ = FrankerFaceZ;
+window.ffz = new FrankerFaceZ();
\ No newline at end of file
diff --git a/src/modules/chat/badges.js b/src/modules/chat/badges.js
new file mode 100644
index 00000000..c7f5b80e
--- /dev/null
+++ b/src/modules/chat/badges.js
@@ -0,0 +1,27 @@
+'use strict';
+
+// ============================================================================
+// Badge Handling
+// ============================================================================
+
+import Module from 'utilities/module';
+
+export const CSS_BADGES = {
+	staff: { 1: { color: '#200f33', use_svg: true } },
+	admin: { 1: { color: '#faaf19', use_svg: true  } },
+	global_mod: { 1: { color: '#0c6f20', use_svg: true } },
+	broadcaster: { 1: { color: '#e71818', use_svg: true } },
+	moderator: { 1: { color: '#34ae0a', use_svg: true } },
+	twitchbot: { 1: { color: '#34ae0a' } },
+	partner: { 1: { color: 'transparent', has_trans: true, trans_color: '#6441a5' } },
+
+	turbo: { 1: { color: '#6441a5', use_svg: true } },
+	premium: { 1: { color: '#009cdc' } },
+
+	subscriber: { 0: { color: '#6441a4' }, 1: { color: '#6441a4' }},
+}
+
+
+export default class Badges extends Module {
+
+}
\ No newline at end of file
diff --git a/src/modules/chat/emotes.js b/src/modules/chat/emotes.js
new file mode 100644
index 00000000..c80ec8b1
--- /dev/null
+++ b/src/modules/chat/emotes.js
@@ -0,0 +1,325 @@
+'use strict';
+
+// ============================================================================
+// Emote Handling and Default Provider
+// ============================================================================
+
+import Module from 'utilities/module';
+import {ManagedStyle} from 'utilities/dom';
+import {has, timeout} from 'utilities/object';
+import {API_SERVER} from 'utilities/constants';
+
+
+const MODIFIERS = {
+	59847: {
+		modifier_offset: '0 15px 15px 0',
+		modifier: true
+	},
+
+	70852: {
+		modifier: true,
+		modifier_offset: '0 5px 20px 0',
+		extra_width: 5,
+		shrink_to_fit: true
+	},
+
+	70854: {
+		modifier: true,
+		modifier_offset: '30px 0 0'
+	},
+
+	147049: {
+		modifier: true,
+		modifier_offset: '4px 1px 0 3px'
+	},
+
+	147011: {
+		modifier: true,
+		modifier_offset: '0'
+	},
+
+	70864: {
+		modifier: true,
+		modifier_offset: '0'
+	},
+
+	147038: {
+		modifier: true,
+		modifier_offset: '0'
+	}
+};
+
+
+
+export default class Emotes extends Module {
+	constructor(...args) {
+		super(...args);
+
+		this.inject('socket');
+
+		this.twitch_inventory_sets = [];
+		this.__twitch_emote_to_set = new Map;
+		this.__twitch_set_to_channel = new Map;
+
+		this.default_sets = new Set;
+		this.global_sets = new Set;
+
+		this.emote_sets = {};
+	}
+
+	onEnable() {
+		this.style = new ManagedStyle('emotes');
+
+		if ( Object.keys(this.emote_sets).length ) {
+			this.log.info('Generating CSS for existing emote sets.');
+			for(const set_id in this.emote_sets)
+				if ( has(this.emote_sets, set_id) ) {
+					const emote_set = this.emote_sets[set_id];
+					if ( emote_set && emote_set.pending_css ) {
+						this.style.set(`es--${set_id}`, emote_set.pending_css + (emote_set.css || ''));
+						emote_set.pending_css = null;
+					}
+				}
+		}
+
+		this.load_global_sets();
+		this.load_emoji_data();
+		this.refresh_twitch_inventory();
+	}
+
+
+	// ========================================================================
+	// Access
+	// ========================================================================
+
+	getSetIDs(user_id, user_login, room_id, room_login) {
+		const room = this.parent.getRoom(room_id, room_login, true),
+			user = this.parent.getUser(user_id, user_login, true);
+
+		return (user ? user.emote_sets : []).concat(
+			room ? room.emote_sets : [],
+			Array.from(this.default_sets)
+		);
+	}
+
+	getSets(user_id, user_login, room_id, room_login) {
+		return this.getSetIDs(user_id, user_login, room_id, room_login)
+			.map(set_id => this.emote_sets[set_id]);
+	}
+
+	// ========================================================================
+	// FFZ Emote Sets
+	// ========================================================================
+
+	async load_global_sets(tries = 0) {
+		let response, data;
+		try {
+			response = await fetch(`${API_SERVER}/v1/set/global`)
+		} catch(err) {
+			tries++;
+			if ( tries < 10 )
+				return setTimeout(() => this.load_global_sets(tries), 500 * tries);
+
+			this.log.error('Error loading global emote sets.', err);
+			return false;
+		}
+
+		if ( ! response.ok )
+			return false;
+
+		try {
+			data = await response.json();
+		} catch(err) {
+			this.log.error('Error parsing global emote data.', err);
+			return false;
+		}
+
+		const sets = data.sets || {};
+
+		for(const set_id of data.default_sets)
+			this.default_sets.add(set_id);
+
+		for(const set_id in sets)
+			if ( has(sets, set_id) ) {
+				this.global_sets.add(set_id);
+				this.load_set_data(set_id, sets[set_id]);
+			}
+
+		if ( data.users )
+			this.load_set_users(data.users);
+	}
+
+
+	load_set_users(data) {
+		for(const set_id in data)
+			if ( has(data, set_id) ) {
+				const emote_set = this.emote_sets[set_id],
+					users = data[set_id];
+
+				for(const login of users) {
+					const user = this.parent.getUser(undefined, login),
+						sets = user.emote_sets;
+
+					if ( sets.indexOf(set_id) === -1 )
+						sets.push(set_id);
+				}
+
+				this.log.info(`Added "${emote_set ? emote_set.title : set_id}" emote set to ${users.length} users.`);
+			}
+	}
+
+
+	load_set_data(set_id, data) {
+		const old_set = this.emote_sets[set_id];
+		if ( ! data ) {
+			if ( old_set )
+				this.emote_sets[set_id] = null;
+
+			return;
+		}
+
+		this.emote_sets[set_id] = data;
+
+		data.users = old_set ? old_set.users : 0;
+
+		let count = 0;
+		const ems = data.emotes || data.emoticons,
+			new_ems = data.emotes = {},
+			css = [];
+
+		data.emoticons = undefined;
+
+		for(const emote of ems) {
+			emote.set_id = set_id;
+			emote.srcSet = `${emote.urls[1]} 1x`;
+			if ( emote.urls[2] )
+				emote.srcSet += `, ${emote.urls[2]} 2x`;
+			if ( emote.urls[4] )
+				emote.srcSet += `, ${emote.urls[4]} 4x`;
+
+			emote.token = {
+				type: 'emote',
+				id: emote.id,
+				set: set_id,
+				provider: 'ffz',
+				src: emote.urls[1],
+				srcSet: emote.srcSet,
+				text: emote.hidden ? '???' : emote.name,
+				length: emote.name.length
+			};
+
+			if ( has(MODIFIERS, emote.id) )
+				Object.assign(emote, MODIFIERS[emote.id]);
+
+			const emote_css = this.generateEmoteCSS(emote);
+			if ( emote_css )
+				css.push(emote_css);
+
+			count++;
+			new_ems[emote.id] = emote;
+		}
+
+		data.count = count;
+
+		if ( this.style && (css.length || data.css) )
+			this.style.set(`es--${set_id}`, css.join('') + (data.css || ''));
+		else if ( css.length )
+			data.pending_css = css.join('');
+
+		this.log.info(`Updated emotes for set #${set_id}: ${data.title}`);
+		this.emit(':loaded', set_id, data);
+	}
+
+
+	// ========================================================================
+	// Emote CSS
+	// ========================================================================
+
+	generateEmoteCSS(emote) { // eslint-disable-line class-methods-use-this
+		if ( ! emote.margins && ( ! emote.modifier || ( ! emote.modifier_offset && ! emote.extra_width && ! emote.shrink_to_fit ) ) && ! emote.css )
+			return '';
+
+		let output = '';
+		if ( emote.modifier && (emote.modifier_offset || emote.margins || emote.extra_width || emote.shrink_to_fit) ) {
+			let margins = emote.modifier_offset || emote.margins || '0';
+			margins = margins.split(/\s+/).map(x => parseInt(x, 10));
+			if ( margins.length === 3 )
+				margins.push(margins[1]);
+
+			const l = margins.length,
+				m_top = margins[0 % l],
+				m_right = margins[1 % l],
+				m_bottom = margins[2 % l],
+				m_left = margins[3 % l];
+
+			output = `.modified-emote span .ffz-emote[data-id="${emote.id}"] {
+	padding: ${m_top}px ${m_right}px ${m_bottom}px ${m_left}px;
+	${emote.shrink_to_fit ? `max-width: calc(100% - ${40 - m_left - m_right - (emote.extra_width||0)}px);` : ''}
+	margin: 0 !important;
+}`;
+		}
+
+		return `${output}.ffz-emote[data-id="${emote.id}"] {
+	${(emote.margins && ! emote.modifier) ? `margin: ${emote.margins} !important;` : ''}
+	${emote.css||''}
+}`;
+	}
+
+
+	// ========================================================================
+	// Emoji
+	// ========================================================================
+
+	load_emoji_data() {
+		this.log.debug('Unimplemented: load_emoji_data');
+	}
+
+
+	// ========================================================================
+	// Twitch Data Lookup
+	// ========================================================================
+
+	refresh_twitch_inventory() {
+		this.log.debug('Unimplemented: refresh_twitch_inventory');
+	}
+
+
+	twitch_emote_to_set(emote_id, callback) {
+		const tes = this.__twitch_emote_to_set;
+
+		if ( isNaN(emote_id) || ! isFinite(emote_id) )
+			return null;
+
+		if ( tes.has(emote_id) )
+			return tes.get(emote_id);
+
+		tes.set(emote_id, null);
+		timeout(this.socket.call('get_emote', emote_id), 1000).then(data => {
+			const set_id = data['s_id'];
+			tes.set(emote_id, set_id);
+			this.__twitch_set_to_channel.set(set_id, data);
+
+			if ( callback )
+				callback(data['s_id']);
+
+		}).catch(() => tes.delete(emote_id));
+	}
+
+
+	twitch_set_to_channel(set_id, callback) {
+		const tes = this.__twitch_set_to_channel;
+		if ( isNaN(set_id) || ! isFinite(set_id) )
+			return null;
+
+		if ( tes.has(set_id) )
+			return tes.get(set_id);
+
+		tes.set(set_id, null);
+		timeout(this.socket.call('get_emote_set', set_id), 1000).then(data => {
+			tes.set(set_id, data);
+			if ( callback )
+				callback(data);
+
+		}).catch(() => tes.delete(set_id));
+	}
+}
\ No newline at end of file
diff --git a/src/modules/chat/index.js b/src/modules/chat/index.js
new file mode 100644
index 00000000..3de0af36
--- /dev/null
+++ b/src/modules/chat/index.js
@@ -0,0 +1,513 @@
+'use strict';
+
+// ============================================================================
+// Chat
+// ============================================================================
+
+import {IS_WEBKIT} from 'utilities/constants';
+const WEBKIT = IS_WEBKIT ? '-webkit-' : '';
+
+import Module from 'utilities/module';
+import {createElement, ManagedStyle} from 'utilities/dom';
+import {timeout, has} from 'utilities/object';
+
+import Badges from './badges';
+import Emotes from './emotes';
+
+import Room from './room';
+import * as TOKENIZERS from './tokenizers';
+
+
+export default class Chat extends Module {
+	constructor(...args) {
+		super(...args);
+
+		this.should_enable = true;
+
+		this.inject('settings');
+		this.inject('i18n');
+		this.inject('tooltips');
+		this.inject('socket');
+
+		this.inject(Badges);
+		this.inject(Emotes);
+
+		this._link_info = {};
+
+		this.style = new ManagedStyle;
+
+		this.context = this.settings.context({});
+
+		this.rooms = {};
+		this.users = {};
+
+		this.room_ids = {};
+		this.user_ids = {};
+
+		this.tokenizers = {};
+		this.__tokenizers = [];
+
+
+		// ========================================================================
+		// Settings
+		// ========================================================================
+
+		this.settings.add('tooltip.images', {
+			default: true,
+			ui: {
+				path: 'Chat > Tooltips >> General @{"sort": -1}',
+				title: 'Display images in tooltips.',
+				component: 'setting-check-box'
+			}
+		});
+
+		this.settings.add('tooltip.badge-images', {
+			default: true,
+			requires: ['tooltip.images'],
+			process(ctx, val) {
+				return ctx.get('tooltip.images') ? val : false
+			},
+
+			ui: {
+				path: 'Chat > Tooltips >> Badges',
+				title: 'Display large images of badges.',
+				component: 'setting-check-box'
+			}
+		});
+
+		this.settings.add('tooltip.emote-sources', {
+			default: true,
+			ui: {
+				path: 'Chat > Tooltips >> Emotes',
+				title: 'Display known sources.',
+				component: 'setting-check-box'
+			}
+		});
+
+		this.settings.add('tooltip.emote-images', {
+			default: true,
+			requires: ['tooltip.images'],
+			process(ctx, val) {
+				return ctx.get('tooltip.images') ? val : false
+			},
+
+			ui: {
+				path: 'Chat > Tooltips >> Emotes',
+				title: 'Display large images of emotes.',
+				component: 'setting-check-box'
+			}
+		});
+
+		this.settings.add('tooltip.rich-links', {
+			default: true,
+			ui: {
+				sort: -1,
+				path: 'Chat > Tooltips >> Links',
+				title: 'Display rich tooltips for links.',
+				component: 'setting-check-box'
+			}
+		});
+
+		this.settings.add('tooltip.link-images', {
+			default: true,
+			requires: ['tooltip.images'],
+			process(ctx, val) {
+				return ctx.get('tooltip.images') ? val : false
+			},
+
+			ui: {
+				path: 'Chat > Tooltips >> Links',
+				title: 'Display images for links.',
+				component: 'setting-check-box'
+			}
+		});
+
+		this.settings.add('tooltip.link-nsfw-images', {
+			default: false,
+			ui: {
+				path: 'Chat > Tooltips >> Links',
+				title: 'Display potentially NSFW images.',
+				description: 'When enabled, FrankerFaceZ will include images that are tagged as unsafe or that are not rated.',
+				component: 'setting-check-box'
+			}
+		});
+
+
+		this.settings.add('chat.adjustment-mode', {
+			default: 1,
+			ui: {
+				path: 'Chat > Appearance >> Colors',
+				title: 'Adjustment',
+				description: 'Alter user colors to ensure that they remain readable.',
+
+				component: 'setting-select-box',
+
+				data: [
+					{value: -1, title: 'No Color'},
+					{value: 0, title: 'Unchanged'},
+					{value: 1, title: 'HSL Luma'},
+					{value: 2, title: 'Luv Luma'},
+					{value: 3, title: 'HSL Loop (BTTV-Like)'}
+				]
+			}
+		});
+
+		this.settings.add('chat.adjustment-contrast', {
+			default: 4.5,
+			ui: {
+				path: 'Chat > Appearance >> Colors',
+				title: 'Minimum Contrast',
+				description: 'Set the minimum contrast ratio used by Luma adjustments when determining readability.',
+
+				component: 'setting-text-box',
+
+				process(val) {
+					return parseFloat(val)
+				}
+			}
+		});
+
+		this.settings.add('chat.bits.stack', {
+			default: 0,
+			ui: {
+				path: 'Chat > Bits and Cheering >> Appearance',
+				title: 'Cheer Stacking',
+				description: 'Collect all the cheers in a message into a single cheer at the start of the message.',
+				component: 'setting-select-box',
+
+				data: [
+					{value: 0, title: 'Disabled'},
+					{value: 1, title: 'Grouped by Type'},
+					{value: 2, title: 'All in One'}
+				]
+			}
+		});
+
+		this.settings.add('chat.bits.animated', {
+			default: true,
+
+			ui: {
+				path: 'Chat > Bits and Cheering >> Appearance',
+				title: 'Display animated cheers.',
+				component: 'setting-check-box'
+			}
+		});
+
+		this.context.on('changed:theme.is-dark', () => {
+			for(const key in this.rooms)
+				if ( this.rooms[key] )
+					this.rooms[key].updateBitsCSS();
+		});
+
+		this.context.on('changed:chat.bits.animated', () => {
+			for(const key in this.rooms)
+				if ( this.rooms[key] )
+					this.rooms[key].updateBitsCSS();
+		});
+	}
+
+
+	onEnable() {
+		for(const key in TOKENIZERS)
+			if ( has(TOKENIZERS, key) )
+				this.addTokenizer(TOKENIZERS[key]);
+	}
+
+
+	getBadge(badge, version, room) {
+		let b;
+		if ( this.room_ids[room] ) {
+			const versions = this.room_ids[room].badges.get(badge);
+			b = versions && versions.get(version);
+		}
+
+		if ( ! b ) {
+			const versions = this.badges.get(badge);
+			b = versions && versions.get(version);
+		}
+
+		return b;
+	}
+
+
+
+	updateBadges(badges) {
+		this.badges = badges;
+		this.updateBadgeCSS();
+	}
+
+
+	updateBadgeCSS() {
+		if ( ! this.badges )
+			this.style.delete('badges');
+
+		const out = [];
+		for(const [key, versions] of this.badges)
+			for(const [version, data] of versions) {
+				out.push(`.ffz-badge.badge--${key}.version--${version} {
+	background-color: transparent;
+	filter: none;
+	${WEBKIT}mask-image: none;
+	background-image: url("${data.image1x}");
+	background-image: ${WEBKIT}image-set(
+		url("${data.image1x}") 1x,
+		url("${data.image2x}") 2x,
+		url("${data.image4x}") 4x
+	);
+}`)
+			}
+
+		this.style.set('badges', out.join('\n'));
+	}
+
+
+	getUser(id, login, no_create, no_login) {
+		let user;
+
+		if ( this.user_ids[id] )
+			user = this.user_ids[id];
+
+		else if ( this.users[login] && ! no_login )
+			user = this.users[login];
+
+		else if ( no_create )
+			return null;
+
+		else
+			user = {id, login, badges: [], emote_sets: []};
+
+		if ( id && id !== user.id ) {
+			// If the ID isn't what we expected, something is very wrong here.
+			// Blame name changes.
+			if ( user.id )
+				throw new Error('id mismatch');
+
+			// Otherwise, we're just here to set the ID.
+			user.id = id;
+			this.user_ids[id] = user;
+		}
+
+		if ( login ) {
+			const other = this.users[login];
+			if ( other ) {
+				if ( other !== this && ! no_login ) {
+					// If the other has an ID, something weird happened. Screw it
+					// and just take over.
+					if ( other.id )
+						this.users[login] = user;
+					else {
+						// TODO: Merge Logic~~
+					}
+				}
+			} else
+				this.users[login] = user;
+		}
+
+		return user;
+	}
+
+
+	getRoom(id, login, no_create, no_login) {
+		let room;
+
+		if ( this.room_ids[id] )
+			room = this.room_ids[id];
+
+		else if ( this.rooms[login] && ! no_login )
+			room = this.rooms[login];
+
+		else if ( no_create )
+			return null;
+
+		else
+			room = new Room(this, id, login);
+
+		if ( id && id !== room.id ) {
+			// If the ID isn't what we expected, something is very wrong here.
+			// Blame name changes. Or React not being atomic.
+			if ( room.id )
+				throw new Error('id mismatch');
+
+			// Otherwise, we're just here to set the ID.
+			room.id = id;
+			this.room_ids[id] = room;
+		}
+
+		if ( login ) {
+			const other = this.rooms[login];
+			if ( other ) {
+				if ( other !== this && ! no_login ) {
+					// If the other has an ID, something weird happened. Screw it
+					// and just take over.
+					if ( other.id )
+						this.rooms[login] = room;
+					else {
+						// TODO: Merge Logic~~
+					}
+				}
+
+			} else
+				this.rooms[login] = room;
+		}
+
+		return room;
+	}
+
+
+	formatTime(time) {
+		if (!( time instanceof Date ))
+			time = new Date(time);
+
+		let hours = time.getHours();
+
+		const minutes = time.getMinutes(),
+			seconds = time.getSeconds(),
+
+			fmt = this.settings.get('chat.timestamp-format');
+
+		if ( hours > 12 )
+			hours -= 12;
+		else if ( hours === 0 )
+			hours = 12;
+
+		return `${hours}:${minutes < 10 ? '0' : ''}${minutes}`; //:${seconds < 10 ? '0' : ''}${seconds}`;
+	}
+
+
+	addTokenizer(tokenizer) {
+		const type = tokenizer.type;
+		this.tokenizers[type] = tokenizer;
+		if ( tokenizer.priority == null )
+			tokenizer.priority = 0;
+
+		if ( tokenizer.tooltip )
+			this.tooltips.types[type] = tokenizer.tooltip.bind(this);
+
+		this.__tokenizers.push(tokenizer);
+		this.__tokenizers.sort((a, b) => {
+			if ( a.priority > b.priority ) return -1;
+			if ( a.priority < b.priority ) return 1;
+			return a.type < b.sort;
+		});
+	}
+
+
+	tokenizeString(message, msg) {
+		let tokens = [{type: 'text', text: message}];
+
+		for(const tokenizer of this.__tokenizers)
+			tokens = tokenizer.process.call(this, tokens, msg);
+
+		return tokens;
+	}
+
+
+	tokenizeMessage(msg) {
+		let tokens = [{type: 'text', text: msg.message}];
+
+		for(const tokenizer of this.__tokenizers)
+			tokens = tokenizer.process.call(this, tokens, msg);
+
+		return tokens;
+	}
+
+
+	renderBadges(msg, e) { // eslint-disable-line class-methods-use-this
+		const out = [],
+			badges = msg.badges || {};
+
+		for(const key in badges)
+			if ( has(badges, key) ) {
+				const version = badges[key];
+				out.push(e('span', {
+					className: `ffz-tooltip ffz-badge badge--${key} version--${version}`,
+					'data-tooltip-type': 'badge',
+					'data-badge': key,
+					'data-version': version
+				}))
+			}
+
+		return out;
+	}
+
+
+	renderTokens(tokens, e) {
+		if ( ! e )
+			e = createElement;
+
+		const out = [],
+			tokenizers = this.tokenizers,
+			l = tokens.length;
+
+		for(let i=0; i < l; i++) {
+			const token = tokens[i],
+				type = token.type,
+				tk = tokenizers[type];
+
+			if ( token.hidden )
+				continue;
+
+			let res;
+
+			if ( type === 'text' )
+				res = token.text;
+
+			else if ( tk )
+				res = tk.render.call(this, token, e);
+
+			else
+				res = e('em', {
+					className: 'ffz-unknown-token ffz-tooltip',
+					'data-tooltip-type': 'json',
+					'data-data': JSON.stringify(token, null, 2)
+				}, `[unknown token: ${type}]`)
+
+			if ( res )
+				out.push(res);
+		}
+
+		return out;
+	}
+
+
+	// ====
+	// Twitch Crap
+	// ====
+
+	get_link_info(url, no_promises) {
+		let info = this._link_info[url],
+			expires = info && info[1];
+
+		if ( expires && Date.now() > expires )
+			info = this._link_info[url] = null;
+
+		if ( info && info[0] )
+			return no_promises ? info[2] : Promise.resolve(info[2]);
+
+		if ( no_promises )
+			return null;
+
+		else if ( info )
+			return new Promise((resolve, reject) => info[2].push([resolve, reject]))
+
+		return new Promise((resolve, reject) => {
+			info = this._link_info[url] = [false, null, [[resolve, reject]]];
+
+			const handle = (success, data) => {
+				const callbacks = ! info[0] && info[2];
+				info[0] = true;
+				info[1] = Date.now() + 120000;
+				info[2] = success ? data : null;
+
+				if ( callbacks )
+					for(const cbs of callbacks)
+						cbs[success ? 0 : 1](data);
+			}
+
+
+			timeout(this.socket.call('get_link', url), 15000)
+				.then(data => handle(true, data))
+				.catch(err => handle(false, err));
+		});
+	}
+}
\ No newline at end of file
diff --git a/src/modules/chat/room.js b/src/modules/chat/room.js
new file mode 100644
index 00000000..a9bbd643
--- /dev/null
+++ b/src/modules/chat/room.js
@@ -0,0 +1,216 @@
+'use strict';
+
+// ============================================================================
+// Room
+// ============================================================================
+
+import {API_SERVER, IS_WEBKIT} from 'utilities/constants';
+
+import {EventEmitter} from 'utilities/events';
+import {createElement as e, ManagedStyle} from 'utilities/dom';
+import {has} from 'utilities/object';
+
+const WEBKIT = IS_WEBKIT ? '-webkit-' : '';
+
+
+export default class Room extends EventEmitter {
+	constructor(manager, id, login) {
+		super();
+
+		this._destroy_timer = null;
+
+		this.manager = manager;
+		this.id = id;
+		this.login = login;
+
+		if ( login )
+			this.manager.rooms[login] = this;
+
+		if ( id )
+			this.manager.room_ids[id] = this;
+
+		this.refs = new Set;
+		this.style = new ManagedStyle(`room--${login}`);
+
+		this.emote_sets = [];
+		this.users = [];
+		this.user_ids = [];
+
+		this.load_data();
+	}
+
+	destroy() {
+		clearTimeout(this._destroy_timer);
+		this._destroy_timer = null;
+		this.destroyed = true;
+
+		this.style.destroy();
+
+		if ( this.manager.room_ids[this.id] === this )
+			this.manager.room_ids[this.id] = null;
+
+		if ( this.manager.rooms[this.login] === this )
+			this.manager.rooms[this.login] = null;
+	}
+
+
+	// ========================================================================
+	// FFZ Data
+	// ========================================================================
+
+	async load_data(tries = 0) {
+		if ( this.destroyed )
+			return;
+
+		let response, data;
+		try {
+			response = await fetch(`${API_SERVER}/v1/room/${this.login}`);
+		} catch(err) {
+			tries++;
+			if ( tries < 10 )
+				return setTimeout(() => this.load_data(tries), 500 * tries);
+
+			this.manager.log.error(`Error loading room data for ${this.id}:${this.login}`, err);
+			return false;
+		}
+
+		if ( ! response.ok )
+			return false;
+
+		try {
+			data = await response.json();
+		} catch(err) {
+			this.manager.log.error(`Error parsing room data for ${this.id}:${this.login}`, err);
+			return false;
+		}
+
+		const d = this.data = data.room;
+		if ( d.set && this.emote_sets.indexOf(d) === -1 )
+			this.emote_sets.push(d.set);
+
+		if ( data.sets )
+			for(const set_id in data.sets)
+				if ( has(data.sets, set_id) )
+					this.manager.emotes.load_set_data(set_id, data.sets[set_id]);
+
+
+		// TODO: User data.
+		// TODO: Generate CSS.
+
+		return true;
+	}
+
+
+
+	// ========================================================================
+	// Life Cycle
+	// ========================================================================
+
+	ref(referrer) {
+		clearTimeout(this._destroy_timer);
+		this._destroy_timer = null;
+		this.refs.add(referrer);
+	}
+
+	unref(referrer) {
+		this.refs.delete(referrer);
+		if ( ! this.users.size && ! this._destroy_timer )
+			this._destroy_timer = setTimeout(() => this.destroy(), 5000);
+	}
+
+
+	// ========================================================================
+	// Badge Data
+	// ========================================================================
+
+	updateBadges(badges) {
+		this.badges = badges;
+		this.updateBadgeCSS();
+	}
+
+	updateBadgeCSS() {
+		if ( ! this.badges )
+			return this.style.delete('badges');
+
+		const out = [],
+			id = this.id;
+
+		for(const [key, versions] of this.badges) {
+			for(const [version, data] of versions) {
+				const rule = `.ffz-badge.badge--${key}.version--${version}`;
+
+				out.push(`[data-room-id="${id}"] ${rule} {
+	background-color: transparent;
+	filter: none;
+	${WEBKIT}mask-image: none;
+	background-image: url("${data.image1x}");
+	background-image: ${WEBKIT}image-set(
+		url("${data.image1x}") 1x,
+		url("${data.image2x}") 2x,
+		url("${data.image4x}") 4x
+	);
+}`);
+			}
+		}
+
+
+		this.style.set('badges', out.join('\n'));
+	}
+
+
+	// ========================================================================
+	// Bits Data
+	// ========================================================================
+
+	updateBitsConfig(config) {
+		this.bitsConfig = config;
+		this.updateBitsCSS();
+	}
+
+	updateBitsCSS() {
+		if ( ! this.bitsConfig )
+			return this.style.delete('bits');
+
+		const animated = this.manager.context.get('chat.bits.animated') ? 'animated' : 'static',
+			is_dark = this.manager.context.get('theme.is-dark'),
+			theme = is_dark ? 'DARK' : 'LIGHT',
+			antitheme = is_dark ? 'LIGHT' : 'DARK',
+			out = [];
+
+		for(const key in this.bitsConfig)
+			if ( has(this.bitsConfig, key) ) {
+				const action = this.bitsConfig[key],
+					prefix = action.prefix.toLowerCase(),
+					tiers = action.tiers,
+					l = tiers.length;
+
+				for(let i=0; i < l; i++) {
+					const images = tiers[i].images[theme][animated],
+						anti_images = tiers[i].images[antitheme][animated];
+
+					out.push(`.ffz-cheer[data-prefix="${prefix}"][data-tier="${i}"] {
+	color: ${tiers[i].color};
+	background-image: url("${images[1]}");
+	background-image: ${WEBKIT}image-set(
+		url("${images[1]}") 1x,
+		url("${images[2]}") 2x,
+		url("${images[4]}") 4x
+	);
+}
+.ffz__tooltip .ffz-cheer[data-prefix="${prefix}"][data-tier="${i}"] {
+	background-image: url("${anti_images[1]}");
+	background-image: ${WEBKIT}image-set(
+		url("${anti_images[1]}") 1x,
+		url("${anti_images[2]}") 2x,
+		url("${anti_images[4]}") 4x
+	);
+}
+.ffz-cheer-preview[data-prefix="${prefix}"][data-tier="${i}"] {
+	background-image: url("${anti_images[4]}");
+}`)
+				}
+			}
+
+		this.style.set('bits', out.join('\n'));
+	}
+}
\ No newline at end of file
diff --git a/src/modules/chat/tokenizers.js b/src/modules/chat/tokenizers.js
new file mode 100644
index 00000000..bc44acad
--- /dev/null
+++ b/src/modules/chat/tokenizers.js
@@ -0,0 +1,702 @@
+'use strict';
+
+// ============================================================================
+// Default Tokenizers
+// ============================================================================
+
+import {sanitize, createElement as e} from 'utilities/dom';
+import {has} from 'utilities/object';
+
+const EMOTE_CLASS = 'chat-line__message--emote',
+	LINK_REGEX = /([^\w@#%\-+=:~])?((?:(https?:\/\/)?(?:[\w@#%\-+=:~]+\.)+[a-z]{2,6}(?:\/[\w.\/@#%&()\-+=:?~]*)?))([^\w.\/@#%&()\-+=:?~]|\s|$)/g,
+	MENTION_REGEX = /([^\w@#%\-+=:~])?(@([^\u0000-\u007F]+|\w+)+)([^\w.\/@#%&()\-+=:?~]|\s|$)/g,
+	SPLIT_REGEX = /[^\uD800-\uDFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDFFF]/g,
+
+	TWITCH_BASE = '//static-cdn.jtvnw.net/emoticons/v1/';
+
+
+function split_chars(str) {
+	return str.match(SPLIT_REGEX);
+}
+
+
+// ============================================================================
+// Links
+// ============================================================================
+
+const TOOLTIP_VERSION = 4;
+
+export const Links = {
+	type: 'link',
+	priority: 50,
+
+	render(token, e) {
+		return e('a', {
+			className: 'ffz-tooltip',
+			'data-tooltip-type': 'link',
+			'data-url': token.url,
+			'data-is-mail': token.is_mail,
+
+			rel: 'noopener',
+			target: '_blank',
+			href: token.url
+		}, token.text);
+	},
+
+	tooltip(target, tip) {
+		if ( ! this.context.get('tooltip.rich-links') )
+			return '';
+
+		if ( target.dataset.isMail === 'true' )
+			return [this.i18n.t('tooltip.email-link', 'E-Mail %{address}', {address: target.textContent})];
+
+		return this.get_link_info(target.dataset.url).then(data => {
+			if ( ! data || (data.v || 1) > TOOLTIP_VERSION )
+				return '';
+
+			let content = data.content || data.html || '';
+
+			// TODO: Replace timestamps.
+
+			if ( data.urls && data.urls.length > 1 )
+				content += (content.length ? '<hr>' : '') +
+					sanitize(this.i18n.t(
+						'tooltip.link-destination',
+						'Destination: %{url}',
+						{url: data.urls[data.urls.length-1]}
+					));
+
+			if ( data.unsafe ) {
+				const reasons = Array.from(new Set(data.urls.map(x => x[2]).filter(x => x))).join(', ');
+				content = this.i18n.t(
+					'tooltip.link-unsafe',
+					"Caution: This URL is on Google's Safe Browsing List for: %{reasons}",
+					{reasons: sanitize(reasons.toLowerCase())}
+				) + (content.length ? `<hr>${content}` : '');
+			}
+
+			const show_image = this.context.get('tooltip.link-images') && (data.image_safe || this.context.get('tooltip.link-nsfw-images'));
+
+			if ( show_image ) {
+				if ( data.image && ! data.image_iframe )
+					content = `<img class="preview-image" src="${sanitize(data.image)}">${content}`
+
+				setTimeout(() => {
+					if ( tip.element )
+						for(const el of tip.element.querySelectorAll('video,img'))
+							el.addEventListener('load', tip.update)
+				});
+
+			} else if ( content.length )
+				content = content.replace(/<!--MS-->.*<!--ME-->/g, '');
+
+			if ( data.tooltip_class )
+				tip.element.classList.add(data.tooltip_class);
+
+			return content;
+
+		}).catch(error =>
+			sanitize(this.i18n.t('tooltip.error', 'An error occurred. (%{error})', {error}))
+		);
+	},
+
+	process(tokens, msg) {
+		if ( ! tokens || ! tokens.length )
+			return tokens;
+
+		const out = [];
+		for(const token of tokens) {
+			if ( token.type !== 'text' ) {
+				out.push(token);
+				continue;
+			}
+
+			LINK_REGEX.lastIndex = 0;
+			const text = token.text;
+			let idx = 0, match;
+
+			while((match = LINK_REGEX.exec(text))) {
+				const nix = match.index + (match[1] ? match[1].length : 0);
+				if ( idx !== nix )
+					out.push({type: 'text', text: text.slice(idx, nix)});
+
+				const is_mail = ! match[3] && match[2].indexOf('/') === -1 && match[2].indexOf('@') !== -1;
+
+				out.push({
+					type: 'link',
+					url: (match[3] ? '' : is_mail ? 'mailto:' : 'https://') + match[2],
+					is_mail,
+					text: match[2]
+				});
+
+				idx = nix + match[2].length;
+			}
+
+			if ( idx < text.length )
+				out.push({type: 'text', text: text.slice(idx)});
+		}
+
+		return out;
+	}
+}
+
+
+// ============================================================================
+// Rich Content
+// ============================================================================
+
+/*export const RichContent = {
+	type: 'rich-content',
+
+	render(token, e) {
+		return e('div', {
+			className: 'ffz--rich-content elevation-1 mg-y-05',
+		}, e('a', {
+			className: 'clips-chat-card flex flex-nowrap pd-05',
+			target: '_blank',
+			href: token.url
+		}, [
+			e('div', {
+				className: 'clips-chat-card__thumb align-items-center flex justify-content-center'
+			})
+		]));
+	},
+
+	process(tokens, msg) {
+		if ( ! tokens || ! tokens.length )
+			return tokens;
+
+		for(const token of tokens) {
+			if ( token.type !== 'link' )
+				continue;
+
+
+		}
+	}
+}*/
+
+
+// ============================================================================
+// Mentions
+// ============================================================================
+
+export const Mentions = {
+	type: 'mention',
+	priority: 40,
+
+	render(token, e) {
+		return e('strong', {
+			className: 'chat-line__message-mention'
+		}, `@${token.recipient}`);
+	},
+
+	process(tokens, msg) {
+		if ( ! tokens || ! tokens.length )
+			return tokens;
+
+		const out = [];
+		for(const token of tokens) {
+			if ( token.type !== 'text' ) {
+				out.push(token);
+				continue;
+			}
+
+			MENTION_REGEX.lastIndex = 0;
+			const text = token.text;
+			let idx = 0, match;
+
+			while((match = MENTION_REGEX.exec(text))) {
+				const nix = match.index + (match[1] ? match[1].length : 0);
+				if ( idx !== nix )
+					out.push({type: 'text', text: text.slice(idx, nix)});
+
+				out.push({
+					type: 'mention',
+					recipient: match[3],
+					length: match[3].length + 1
+				});
+
+				idx = nix + match[2].length;
+			}
+
+			if ( idx < text.length )
+				out.push({type: 'text', text: text.slice(idx)});
+		}
+
+		return out;
+	}
+}
+
+
+// ============================================================================
+// Cheers
+// ============================================================================
+
+export const CheerEmotes = {
+	type: 'cheer',
+
+	render(token, e) {
+		return e('span', {
+			className: `ffz-cheer ffz-tooltip`,
+			'data-tooltip-type': 'cheer',
+			'data-prefix': token.prefix,
+			'data-amount': this.i18n.formatNumber(token.amount),
+			'data-tier': token.tier,
+			'data-individuals': token.individuals ? JSON.stringify(token.individuals) : 'null',
+			alt: token.text
+		});
+	},
+
+	tooltip(target) {
+		const ds = target.dataset,
+			amount = parseInt(ds.amount.replace(/,/g, ''), 10),
+			prefix = ds.prefix,
+			tier = ds.tier,
+			individuals = ds.individuals && JSON.parse(ds.individuals),
+			length = individuals && individuals.length;
+
+		const out = [
+			this.context.get('tooltip.emote-images') && e('div', {
+				className: 'preview-image ffz-cheer-preview',
+				'data-prefix': prefix,
+				'data-tier': tier
+			}),
+			this.i18n.t('tooltip.bits', '%{count|number} Bits', amount),
+		];
+
+		if ( length > 1 ) {
+			out.push(e('br'));
+
+			individuals.sort(i => -i[0]);
+
+			for(let i=0; i < length && i < 12; i++) {
+				const [amount, tier, prefix] = individuals[i];
+				out.push(this.tokenizers.cheer.render.call(this, {
+					amount,
+					prefix,
+					tier
+				}, e));
+			}
+
+			if ( length > 12 ) {
+				out.push(e('br'));
+				out.push(this.i18n.t('tooltip.bits.more', '(and %{count} more)', length-12));
+			}
+		}
+
+		return out;
+	},
+
+	process(tokens, msg) {
+		if ( ! tokens || ! tokens.length || ! msg.bits )
+			return tokens;
+
+		const SiteChat = this.resolve('site.chat'),
+			chat = SiteChat && SiteChat.currentChat,
+			bitsConfig = chat && chat.props.bitsConfig;
+
+		if ( ! bitsConfig )
+			return tokens;
+
+		const actions = bitsConfig.indexedActions,
+			matcher = new RegExp('\\b(' + Object.keys(actions).join('|') + ')(\\d+)\\b', 'ig');
+
+		const out = [],
+			collected = {},
+			collect = this.context.get('chat.bits.stack');
+
+		for(const token of tokens) {
+			if ( token.type !== 'text' ) {
+				out.push(token);
+				continue;
+			}
+
+			matcher.lastIndex = 0;
+			const text = token.text;
+			let idx = 0, match;
+
+			while((match = matcher.exec(text))) {
+				const prefix = match[1].toLowerCase(),
+					cheer = actions[prefix];
+
+				if ( ! cheer )
+					continue;
+
+				if ( idx !== match.index )
+					out.push({type: 'text', text: text.slice(idx, match.index)});
+
+				const amount = parseInt(match[2], 10),
+					tiers = cheer.orderedTiers;
+
+				let tier, token;
+
+				for(let i=0, l = tiers.length; i < l; i++)
+					if ( amount >= tiers[i].bits ) {
+						tier = i;
+						break;
+					}
+
+				out.push(token = {
+					type: 'cheer',
+					prefix,
+					tier,
+					amount: parseInt(match[2], 10),
+					text: match[0]
+				});
+
+				if ( collect ) {
+					const pref = collect === 2 ? 'cheer' : prefix,
+						group = collected[pref] = collected[pref] || {total: 0, individuals: []};
+
+					group.total += amount;
+					group.individuals.push([amount, tier, prefix]);
+					token.hidden = true;
+				}
+
+				idx = match.index + match[0].length;
+			}
+
+			if ( idx < text.length )
+				out.push({type: 'text', text: text.slice(idx)});
+		}
+
+		if ( collect ) {
+			for(const prefix in collected)
+				if ( has(collected, prefix) ) {
+					const cheers = collected[prefix],
+						cheer = actions[prefix],
+						tiers = cheer.orderedTiers;
+
+					let tier = 0;
+					for(let l = tiers.length; tier < l; tier++)
+						if ( cheers.total >= tiers[tier].bits )
+							break;
+
+					out.unshift({
+						type: 'cheer',
+						prefix,
+						tier,
+						amount: cheers.total,
+						individuals: cheers.individuals,
+						length: 0
+					});
+				}
+		}
+
+		return out;
+	}
+}
+
+
+
+// ============================================================================
+// Addon Emotes
+// ============================================================================
+
+export const AddonEmotes = {
+	type: 'emote',
+
+	render(token, e) {
+		const mods = token.modifiers || [], ml = mods.length,
+			emote = e('img', {
+				className: `${EMOTE_CLASS} ffz-tooltip${token.provider === 'ffz' ? ' ffz-emote' : ''}`,
+				src: token.src,
+				srcSet: token.srcSet,
+				alt: token.text,
+				'data-tooltip-type': 'emote',
+				'data-provider': token.provider,
+				'data-id': token.id,
+				'data-set': token.set,
+				'data-modifiers': ml ? mods.map(x => x.id).join(' ') : null,
+				'data-modifier-info': ml ? JSON.stringify(mods.map(x => [x.set, x.id])) : null
+			});
+
+		if ( ! ml )
+			return emote;
+
+		return e('span', {
+			className: `${EMOTE_CLASS} modified-emote`,
+			'data-provider': token.provider,
+			'data-id': token.id,
+			'data-set': token.set
+		}, [
+			emote,
+			mods.map(t => e('span', null, this.tokenizers.emote.render(t, e)))
+		]);
+	},
+
+	tooltip(target, tip) {
+		const provider = target.dataset.provider,
+			modifiers = target.dataset.modifierInfo;
+
+		let preview, source, owner, mods;
+
+		if ( modifiers && modifiers !== 'null' ) {
+			mods = JSON.parse(modifiers).map(([set_id, emote_id]) => {
+				const emote_set = this.emotes.emote_sets[set_id],
+					emote = emote_set && emote_set.emotes[emote_id];
+
+				if ( emote )
+					return e('span', null, [
+						this.tokenizers.emote.render(emote.token, e),
+						` - ${emote.hidden ? '???' : emote.name}`
+					]);
+			})
+		}
+
+		if ( provider === 'twitch' ) {
+			const emote_id = parseInt(target.dataset.id, 10),
+				set_id = this.emotes.twitch_emote_to_set(emote_id, tip.rerender),
+				emote_set = set_id != null && this.emotes.twitch_set_to_channel(set_id, tip.rerender);
+
+			preview = `//static-cdn.jtvnw.net/emoticons/v1/${emote_id}/4.0?_=preview`;
+
+			if ( emote_set ) {
+				source = emote_set.c_name;
+
+				if ( source === '--global--' || emote_id === 80393 )
+					source = this.i18n.t('emote.global', 'Twitch Global');
+
+				else if ( source === '--twitch-turbo--' || source === 'turbo' || source === '--turbo-faces--' )
+					source = this.i18n.t('emote.turbo', 'Twitch Turbo');
+
+				else if ( source === '--prime--' || source === '--prime-faces--' )
+					source = this.i18n.t('emote.prime', 'Twitch Prime');
+
+				else
+					source = this.i18n.t('tooltip.channel', 'Channel: %{source}', {source});
+			}
+
+		} else if ( provider === 'ffz' ) {
+			const emote_set = this.emotes.emote_sets[target.dataset.set],
+				emote = emote_set && emote_set.emotes[target.dataset.id];
+
+			if ( emote_set )
+				source = emote_set.source_line || (`${emote_set.source || 'FFZ'} ${emote_set.title || 'Global'}`);
+
+			if ( emote ) {
+				if ( emote.owner )
+					owner = this.i18n.t(
+						'emote.owner', 'By: %{owner}',
+						{owner: emote.owner.display_name});
+
+				if ( emote.urls[4] )
+					preview = emote.urls[4];
+				else if ( emote.urls[2] )
+					preview = emote.urls[2];
+			}
+		}
+
+		return [
+			preview && this.context.get('tooltip.emote-images') && e('img', {
+				className: 'preview-image',
+				src: preview,
+				onLoad: tip.update
+			}),
+
+			this.i18n.t('tooltip.emote', 'Emote: %{code}', {code: target.alt}),
+
+			source && this.context.get('tooltip.emote-sources') && e('div', {
+				className: 'pd-t-05',
+			}, source),
+
+			owner && this.context.get('tooltip.emote-sources') && e('div', {
+				className: 'pd-t-05'
+			}, owner),
+
+			mods && e('div', {
+				className: 'pd-t-1'
+			}, mods)
+		];
+	},
+
+	process(tokens, msg) {
+		if ( ! tokens || ! tokens.length )
+			return tokens;
+
+		const applicable_sets = this.emotes.getSets(
+				msg.user.userID,
+				msg.user.userLogin,
+				msg.roomID,
+				msg.roomLogin
+			),
+			emotes = {},
+			out = [];
+
+		if ( ! applicable_sets || ! applicable_sets.length )
+			return tokens;
+
+		for(const emote_set of applicable_sets)
+			if ( emote_set && emote_set.emotes )
+				for(const emote_id in emote_set.emotes ) { // eslint-disable-line guard-for-in
+					const emote = emote_set.emotes[emote_id];
+					if ( ! has(emotes, emote.name) )
+						emotes[emote.name] = emote;
+				}
+
+
+		let last_token, emote;
+		for(const token of tokens) {
+			if ( ! token )
+				continue;
+
+			if ( token.type !== 'text' ) {
+				if ( token.type === 'emote' && ! token.modifiers )
+					token.modifiers = [];
+
+				out.push(token);
+				last_token = token;
+				continue;
+			}
+
+			let text = [];
+
+			for(const segment of token.text.split(/ +/)) {
+				if ( has(emotes, segment) ) {
+					emote = emotes[segment];
+
+					// Is this emote a modifier?
+					if ( emote.modifier && last_token && last_token.modifiers && (!text.length || (text.length === 1 && text[0] === '')) ) {
+						if ( last_token.modifiers.indexOf(emote.token) === -1 )
+							last_token.modifiers.push(emote.token);
+
+						continue;
+					}
+
+					if ( text.length ) {
+						// We have pending text. Join it together, with an extra space.
+						const t = {type: 'text', text: text.join(' ') + ' '};
+						out.push(t);
+						if ( t.text.trim().length )
+							last_token = t;
+
+						text = [];
+					}
+
+					const t = Object.assign({modifiers: []}, emote.token);
+					out.push(t);
+					last_token = t;
+
+					text.push('');
+
+				} else
+					text.push(segment);
+			}
+
+			if ( text.length > 1 || (text.length === 1 && text[0] !== '') )
+				out.push({type: 'text', text: text.join(' ')});
+		}
+
+		return out;
+	}
+}
+
+
+// ============================================================================
+// Twitch Emotes
+// ============================================================================
+
+export const TwitchEmotes = {
+	type: 'twitch-emote',
+	priority: 10,
+
+	process(tokens, msg) {
+		if ( ! msg.emotes )
+			return tokens;
+
+		const data = msg.emotes,
+			emotes = [];
+
+		for(const emote_id in data)
+			if ( has(data, emote_id) ) {
+				for(const match of data[emote_id])
+					emotes.push([emote_id, match.startIndex, match.endIndex + 1]);
+			}
+
+		const out = [],
+			e_length = emotes.length;
+
+		if ( ! e_length )
+			return tokens;
+
+		emotes.sort((a,b) => a[1] - b[1]);
+
+		let idx = 0,
+			eix = 0;
+
+		for(const token of tokens) {
+			const length = token.length || (token.text && split_chars(token.text).length) || 0,
+				t_start = idx,
+				t_end = idx + length;
+
+			if ( token.type !== 'text' ) {
+				out.push(token);
+				idx = t_end;
+				continue;
+			}
+
+			const text = split_chars(token.text);
+
+			while( eix < e_length ) {
+				const [e_id, e_start, e_end] = emotes[eix];
+
+				// Does this emote go outside the bounds of this token?
+				if ( e_start > t_end || e_end > t_end ) {
+					// Output the remainder of this token.
+					if ( t_start === idx )
+						out.push(token);
+					else
+						out.push({
+							type: 'text',
+							text: text.slice(idx - t_start).join('')
+						});
+
+					// If this emote goes across token boundaries,
+					// skip it.
+					if ( e_start < t_end && e_end > t_end )
+						eix++;
+
+					idx = t_end;
+					break;
+				}
+
+				// If there's text at the beginning of the token that
+				// isn't part of this emote, output it.
+				if ( e_start > idx )
+					out.push({
+						type: 'text',
+						text: text.slice(idx - t_start, e_start - t_start).join('')
+					});
+
+				out.push({
+					type: 'emote',
+					id: e_id,
+					provider: 'twitch',
+					src: `${TWITCH_BASE}${e_id}/1.0`,
+					srcSet: `${TWITCH_BASE}${e_id}/1.0 1x, ${TWITCH_BASE}${e_id}/2.0 2x`,
+					text: text.slice(e_start - t_start, e_end - t_start).join(''),
+					modifiers: []
+				});
+
+				idx = e_end;
+				eix++;
+			}
+
+			// We've finished processing emotes. If there is any
+			// remaining text in the token, push it out.
+			if ( idx < t_end ) {
+				if ( t_start === idx )
+					out.push(token);
+				else
+					out.push({
+						type: 'text',
+						text: text.slice(idx - t_start).join('')
+					});
+
+				idx = t_end;
+			}
+		}
+
+		return out;
+	}
+}
\ No newline at end of file
diff --git a/src/modules/main_menu/components.js b/src/modules/main_menu/components.js
new file mode 100644
index 00000000..19e6ee85
--- /dev/null
+++ b/src/modules/main_menu/components.js
@@ -0,0 +1,3 @@
+'use strict';
+
+export default require.context('./components', false, /\.vue$/);
\ No newline at end of file
diff --git a/src/modules/main_menu/components/changelog.vue b/src/modules/main_menu/components/changelog.vue
new file mode 100644
index 00000000..0d3fb283
--- /dev/null
+++ b/src/modules/main_menu/components/changelog.vue
@@ -0,0 +1,50 @@
+<template lang="html">
+<div class="ffz--changelog border-t pd-t-1">
+	<div class="align-center">
+		<h2>{{ t('home.changelog', 'Changelog') }}</h2>
+	</div>
+
+	<div ref="changes" />
+
+</div>
+</template>
+
+
+<script>
+
+import {SERVER} from 'utilities/constants';
+
+export default {
+	props: ['item', 'context'],
+
+	methods: {
+		fetch(url, container) {
+			const done = data => {
+				if ( ! data )
+					data = 'There was an error loading this page from the server.';
+
+				container.innerHTML = data;
+
+				const btn = container.querySelector('#ffz-old-news-button');
+				if ( btn )
+					btn.addEventListener('click', () => {
+						btn.parentElement.removeChild(btn);
+						const old_news = container.querySelector('#ffz-old-news');
+						if ( old_news )
+							this.fetch(`${SERVER}/script/old_changes.html`, old_news);
+					});
+			}
+
+			fetch(url)
+				.then(resp => resp.ok ? resp.text() : null)
+				.then(done)
+				.catch(err => done(null));
+		}
+	},
+
+	mounted() {
+		this.fetch(`${SERVER}/script/changelog.html`, this.$refs.changes);
+	}
+
+}
+</script>
\ No newline at end of file
diff --git a/src/modules/main_menu/components/feedback-page.vue b/src/modules/main_menu/components/feedback-page.vue
new file mode 100644
index 00000000..bc7dfd35
--- /dev/null
+++ b/src/modules/main_menu/components/feedback-page.vue
@@ -0,0 +1,35 @@
+<template lang="html">
+<div class="ffz--home border-t pd-t-1">
+	<h2>Feedback</h2>
+
+	<div class="mg-y-1 c-background-accent c-text-overlay pd-1">
+		<h3 class="ffz-i-attention">
+			Please keep in mind that FrankerFaceZ v4 is under heavy development.
+		</h3>
+	</div>
+
+	<p>
+		Okay, still here? Great! You can provide feedback and bug reports by
+		<a href="https://github.com/FrankerFaceZ/FrankerFaceZ/issues" target="_blank" rel="noopener">
+			opening an issue at our GitHub repository</a>.
+
+		You can also <a href="https://twitter.com/FrankerFaceZ" target="_blank" rel="noopener">
+			tweet at us</a>.
+	</p>
+
+	<p>
+		When creating a GitHub issue, please check that someone else hasn't
+		already created one for what you'd like to discuss or report.
+	</p>
+
+</div>
+</template>
+
+
+<script>
+
+export default {
+	props: ['item', 'context'],
+
+}
+</script>
\ No newline at end of file
diff --git a/src/modules/main_menu/components/filter-editor.vue b/src/modules/main_menu/components/filter-editor.vue
new file mode 100644
index 00000000..8f95710a
--- /dev/null
+++ b/src/modules/main_menu/components/filter-editor.vue
@@ -0,0 +1,67 @@
+<template lang="html">
+<div class="ffz--widget ffz--filter-editor">
+	<div ref="list" class="ffz--rule-list">
+		<section v-for="(rule, idx) in rules">
+			<div
+				class="ffz--rule elevation-1 c-background border mg-b-05 pd-y-05 pd-r-1 flex flex--nowrap align-items-start"
+				tabindex="0"
+			>
+				<div class="flex flex-shrink-0 align-items-center handle pd-x-05 pd-y-1">
+					<span class="ffz-i-ellipsis-vert" />
+				</div>
+
+				<div class="flex-shrink-0 pd-y-05">
+					Channel
+				</div>
+
+				<div class="mg-x-1 flex flex-grow-1">
+					<div class="flex-shrink-0 mg-r-1">
+						<select class="tw-select">
+							<option>is one of</option>
+							<option>is not one of</option>
+						</select>
+					</div>
+					<div class="flex-grow-1">
+						<input
+							type="text"
+							class="tw-input"
+							value="SirStendec"
+							/>
+					</div>
+				</div>
+
+				<div class="flex flex-shrink-0 align-items-center">
+					<button class="tw-button tw-button--text" @click="del(idx)">
+						<span class="tw-button__text ffz-i-trash">
+							{{ t('setting.filters.delete', 'Delete') }}
+						</span>
+					</button>
+				</div>
+			</div>
+		</section>
+	</div>
+
+	<button
+		class="tw-button tw-button--hollow mg-y-1 full-width"
+		@click="newRule"
+	>
+		<span class="tw-button__text ffz-i-plus">
+			{{ t('', 'Add New Rule') }}
+		</span>
+	</button>
+</div>
+</template>
+
+<script>
+
+export default {
+	props: ['filters', 'rules', 'context'],
+
+	methods: {
+		newRule() {
+
+		}
+	}
+}
+
+</script>
\ No newline at end of file
diff --git a/src/modules/main_menu/components/home-page.vue b/src/modules/main_menu/components/home-page.vue
new file mode 100644
index 00000000..bdc80a40
--- /dev/null
+++ b/src/modules/main_menu/components/home-page.vue
@@ -0,0 +1,100 @@
+<template lang="html">
+<div class="ffz--home flex flex--nowrap">
+	<div class="flex-grow-1">
+		<div class="align-center">
+			<h1 class="ffz-i-zreknarf ffz-i-pd-1">FrankerFaceZ</h1>
+			<span class="c-text-alt">
+				{{ t('home.tag-line', 'The Twitch Enhancement Suite') }}
+			</span>
+		</div>
+
+		<section class="pd-t-1 border-t mg-t-1">
+			<h2>Welcome to the v4.0 Beta</h2>
+
+			<p>
+				This is the initial, beta release of FrankerFaceZ v4.0 with support
+				for the Twitch website rewrite.
+
+				As you'll notice, this release is <strong>not</strong> complete.
+				There are missing features. There are bugs. If you are a moderator,
+				you will want to just keep opening a Legacy Chat Popout for now.
+			</p>
+
+			<p>
+				FrankerFaceZ v4.0 is still under heavy development and there will
+				be significant changes and improvements in the coming weeks. For
+				now, here are some of the bigger issues:
+			</p>
+
+			<ul class="mg-b-2">
+				<li>Settings from the old version are not being imported.</li>
+				<li>Settings cannot be searched.</li>
+				<li>FFZ badges do not display.</li>
+				<li>Oh god everything is missing.</li>
+				<li>FFZ:AP is broken.</li>
+				<li>Uptime breaks occasionally.</li>
+			</ul>
+
+			<p>And the biggest features still under development:</p>
+
+			<ul class="mg-b-2">
+				<li>Dark Theme (Pls No Purple)</li>
+				<li>Chat Pause on Hover</li>
+				<li>Badge Customization</li>
+				<li>Emoji Rendering</li>
+				<li>Emotes Menu</li>
+				<li>Chat Filtering (Highlighted Words, etc.)</li>
+				<li>Room Status Indicators</li>
+				<li>Custom Mod Cards</li>
+				<li>Custom Mod Actions</li>
+				<li>Chat Room Tabs</li>
+				<li>Recent Highlights</li>
+				<li>More Channel Metadata</li>
+				<li>Disable Hosting</li>
+				<li>Portrait Mode</li>
+				<li>Hiding stuff in the directory</li>
+				<li>Directory Host Stacking</li>
+				<li>Basically anything to do with the directory</li>
+				<li>Importing and exporting settings</li>
+				<li>User Aliases</li>
+				<li>Rich Content in Chat (aka Clip Embeds)</li>
+			</ul>
+
+			<p>
+				For a possibly more up-to-date list of what I'm working on,
+				please consult <a href="https://trello.com/b/LGcYPFwi/frankerfacez-v4" target="_blank">this Trello board</a>.
+			</p>
+
+		</section>
+
+
+	</div>
+	<div class="mg-l-1 flex-shrink-0 tweet-column">
+		<a class="twitter-timeline" data-width="300" data-theme="dark" href="https://twitter.com/FrankerFaceZ?ref_src=twsrc%5Etfw">
+			Tweets by FrankerFaceZ
+		</a>
+	</div>
+</div>
+</template>
+
+
+<script>
+
+import {createElement as e} from 'utilities/dom';
+
+export default {
+	props: ['item', 'context'],
+
+	mounted() {
+		let el;
+		document.head.appendChild(el = e('script', {
+			id: 'ffz--twitter-widget-script',
+			async: true,
+			charset: 'utf-8',
+			src: 'https://platform.twitter.com/widgets.js',
+			onLoad: () => el.parentElement.removeChild(el)
+		}));
+
+	}
+}
+</script>
\ No newline at end of file
diff --git a/src/modules/main_menu/components/main-menu.vue b/src/modules/main_menu/components/main-menu.vue
new file mode 100644
index 00000000..6a51b7bd
--- /dev/null
+++ b/src/modules/main_menu/components/main-menu.vue
@@ -0,0 +1,180 @@
+<template lang="html">
+<div class="ffz-main-menu elevation-3 c-background-alt border flex flex--nowrap flex-column" :class="{ maximized }">
+	<header class="c-background pd-1 pd-l-2 full-width align-items-center flex flex-nowrap" @dblclick="resize">
+		<h3 class="ffz-i-zreknarf ffz-i-pd-1">FrankerFaceZ</h3>
+		<div class="flex-grow-1 pd-x-2">
+			<!--div class="tw-search-input">
+				<label for="ffz-main-menu.search" class="hide-accessible">{{ t('main-menu.search', 'Search Settings') }}</label>
+				<div class="relative">
+					<div class="tw-input__icon-group">
+						<div class="tw-input__icon">
+							<figure class="ffz-i-search" />
+						</div>
+					</div>
+					<input type="search" class="tw-input tw-input--icon-left" :placeholder="t('main-menu.search', 'Search Settings')" autocapitalize="off" autocorrect="off" autocomplete="off" id="ffz-main-menu.search">
+				</div>
+			</div-->
+		</div>
+		<button class="tw-button-icon mg-x-05" @click="resize">
+			<span class="tw-button-icon__icon">
+				 <figure :class="{'ffz-i-window-maximize': !maximized, 'ffz-i-window-restore': maximized}" />
+			</span>
+		</button>
+		<button class="tw-button-icon mg-x-05" @click="close">
+			<span class="tw-button-icon__icon">
+				<figure class="ffz-i-window-close" />
+			</span>
+		</button>
+	</header>
+	<section class="border-t full-height full-width flex flex--nowrap">
+		<nav class="ffz-vertical-nav c-background-alt-2 border-r full-height flex flex-column flex-shrink-0 flex-nowrap">
+			<header class="border-b pd-1">
+				<profile-selector
+					:context="context"
+					@navigate="navigate"
+					/>
+			</header>
+			<div class="full-width full-height overflow-hidden flex flex-nowrap relative">
+				<div class="ffz-vertical-nav__items full-width flex-grow-1 scrollable-area" data-simplebar>
+					<div class="simplebar-scroll-content">
+						<div class="simplebar-content">
+							<menu-tree
+								:currentItem="currentItem"
+								:modal="nav"
+								@change-item="changeItem"
+								@navigate="navigate"
+							/>
+						</div>
+					</div>
+				</div>
+			</div>
+			<footer class="c-text-alt border-t pd-1">
+				<div>
+					{{ t('main-menu.version', 'Version %{version}', {version: version.toString()}) }}
+				</div>
+				<div class="c-text-alt-2">
+					{{version.build}}
+				</div>
+			</footer>
+		</nav>
+		<main class="flex-grow-1 scrollable-area" data-simplebar>
+			<div class="simplebar-scroll-content">
+				<div class="simplebar-content">
+					<menu-page
+						ref="page"
+						:context="context"
+						:item="currentItem"
+						@change-item="changeItem"
+						@navigate="navigate"
+						v-if="currentItem"
+					/>
+				</div>
+			</div>
+		</main>
+	</section>
+</div>
+</template>
+
+<script>
+
+import displace from 'displacejs';
+
+export default {
+	data() {
+		return this.$vnode.data;
+	},
+
+	created() {
+		this.context.context._add_user();
+	},
+
+	destroyed() {
+		this.context.context._remove_user();
+	},
+
+	methods: {
+		changeProfile() {
+			const new_id = this.$refs.profiles.value,
+				new_profile = this.context.profiles[new_id];
+
+			if ( new_profile )
+				this.context.currentProfile = new_profile;
+		},
+
+		changeItem(item) {
+			if ( this.$refs.page && this.$refs.page.onBeforeChange ) {
+				if ( this.$refs.page.onBeforeChange(this.currentItem, item) === false )
+					return;
+			}
+
+			this.currentItem = item;
+			let current = item;
+			while(current = current.parent)
+				current.expanded = true;
+		},
+
+		updateDrag() {
+			if ( this.maximized )
+				this.destroyDrag();
+			else
+				this.createDrag();
+		},
+
+		destroyDrag() {
+			if ( this.displace ) {
+				this.displace.destroy();
+				this.displace = null;
+			}
+		},
+
+		createDrag() {
+			this.$nextTick(() => {
+				if ( ! this.maximized )
+					this.displace = displace(this.$el, {
+						handle: this.$el.querySelector('header'),
+						highlightInputs: true,
+						constrain: true
+					});
+			})
+		},
+
+		handleResize() {
+			if ( this.displace )
+				this.displace.reinit();
+		},
+
+		navigate(key) {
+			let item = this.nav_keys[key];
+			while(item && item.page)
+				item = item.parent;
+
+			if ( ! item )
+				return;
+
+			this.changeItem(item);
+		}
+	},
+
+	watch: {
+		maximized() {
+			this.updateDrag();
+		}
+	},
+
+	mounted() {
+		this.updateDrag();
+
+		this._on_resize = this.handleResize.bind(this);
+		window.addEventListener('resize', this._on_resize);
+	},
+
+	beforeDestroy() {
+		this.destroyDrag();
+
+		if ( this._on_resize ) {
+			window.removeEventListener('resize', this._on_resize);
+			this._on_resize = null;
+		}
+	}
+}
+</script>
\ No newline at end of file
diff --git a/src/modules/main_menu/components/menu-container.vue b/src/modules/main_menu/components/menu-container.vue
new file mode 100644
index 00000000..e7fcf51a
--- /dev/null
+++ b/src/modules/main_menu/components/menu-container.vue
@@ -0,0 +1,34 @@
+<template lang="html">
+<div v-bind:class="classes" v-if="item.contents">
+	<header v-if="! item.no_header">
+		{{ t(item.i18n_key, item.title, item) }}
+	</header>
+	<section
+		v-if="item.description"
+		v-html="t(item.desc_i18n_key, item.description, item)"
+		class="pd-b-1"
+		/>
+	<component
+		v-for="i in item.contents"
+		v-bind:is="i.component"
+		:context="context"
+		:item="i"
+		:key="i.full_key"
+		/>
+</div>
+</template>
+
+<script>
+export default {
+	props: ['item', 'context'],
+
+	computed: {
+		classes() {
+			return [
+				'ffz--menu-container',
+				this.item.full_box ? 'border' : 'border-t'
+			]
+		}
+	}
+}
+</script>
\ No newline at end of file
diff --git a/src/modules/main_menu/components/menu-page.vue b/src/modules/main_menu/components/menu-page.vue
new file mode 100644
index 00000000..e7e95152
--- /dev/null
+++ b/src/modules/main_menu/components/menu-page.vue
@@ -0,0 +1,89 @@
+<template lang="html">
+<div class="ffz--menu-page">
+<header class="mg-b-1">
+	<template v-for="i in breadcrumbs">
+		<a v-if="i !== item" href="#" @click="$emit('change-item', i, false)">{{ t(i.i18n_key, i.title, i) }}</a>
+		<strong v-if="i === item">{{ t(i.i18n_key, i.title, i) }}</strong>
+		<template v-if="i !== item">&raquo; </template>
+	</template>
+</header>
+<section v-if="! context.currentProfile.live && item.profile_warning !== false" class="border-t pd-t-1 pd-b-2">
+	<div class="c-background-accent c-text-overlay pd-1">
+		<h3 class="ffz-i-attention">
+			{{ t('setting.profiles.inactive', "This profile isn't active.") }}
+		</h3>
+
+		{{ t(
+			'setting.profiles.inactive.description',
+			"This profile's rules don't match the current context and it therefore isn't currently active, so you " +
+			"won't see changes you make here reflected on Twitch."
+			) }}
+	</div>
+</section>
+<section
+	v-if="item.description"
+	class="border-t pd-y-1"
+	v-html="t(item.desc_i18n_key || item.i18n_key + '.description', item.description, item)"
+	/>
+</section>
+<template v-if="! item.contents">
+	<ul class="border-t pd-y-1">
+		<li class="pd-x-1" v-for="i in item.items">
+			<a href="#" @click="$emit('change-item', i, false)">
+				{{ t(i.i18n_key, i.title, i) }}
+			</a>
+		</li>
+	</ul>
+</template>
+<component
+	v-for="i in item.contents"
+	v-bind:is="i.component"
+	ref="children"
+	:context="context"
+	:item="i"
+	:key="i.full_key"
+	@change-item="changeItem"
+	@navigate="navigate"
+	/>
+</div>
+</template>
+
+<script>
+
+export default {
+	props: ['item', 'context'],
+
+	computed: {
+		breadcrumbs() {
+			const out = [];
+			let current = this.item;
+			while(current) {
+				out.unshift(current);
+				current = current.parent;
+			}
+
+			return out;
+		}
+	},
+
+	methods: {
+		changeItem(item) {
+			this.$emit('change-item', item);
+		},
+
+		navigate(...args) {
+			this.$emit('navigate', ...args);
+		},
+
+		onBeforeChange(current, new_item) {
+			for(const child of this.$refs.children)
+				if ( child && child.onBeforeChange ) {
+					const res = child.onBeforeChange(current, new_item);
+					if ( res !== undefined )
+						return res;
+				}
+		}
+	}
+}
+
+</script>
\ No newline at end of file
diff --git a/src/modules/main_menu/components/menu-tree.vue b/src/modules/main_menu/components/menu-tree.vue
new file mode 100644
index 00000000..ee66a07f
--- /dev/null
+++ b/src/modules/main_menu/components/menu-tree.vue
@@ -0,0 +1,165 @@
+<template lang="html">
+<ul
+	v-if="modal"
+	class="ffz--menu-tree"
+	:role="[root ? 'group' : 'tree']"
+	:tabindex="tabIndex"
+	@keyup.up="prevItem"
+	@keyup.down="nextItem"
+	@keyup.left="prevLevel"
+	@keyup.right="nextLevel"
+	@keyup.*="expandAll"
+>
+	<li
+		v-for="item in modal"
+		:key="item.full_key"
+		:class="[currentItem === item ? 'active' : '']"
+		role="presentation"
+	>
+		<div
+			class="flex__item flex flex--nowrap align-items-center pd-y-05 pd-r-05"
+
+			role="treeitem"
+			:aria-expanded="item.expanded"
+			:aria-selected="currentItem === item"
+			@click="clickItem(item)"
+		>
+			<span
+				role="presentation"
+				class="arrow"
+				:class="[
+					item.items ? '' : 'ffz--invisible',
+					item.expanded ? 'ffz-i-down-dir' : 'ffz-i-right-dir'
+				]"
+			/>
+			<span class="flex-grow-1">
+				{{ t(item.i18n_key, item.title, item) }}
+			</span>
+			<span v-if="item.pill" class="pill">
+				{{ item.pill_i18n_key ? t(item.pill_i18n_key, item.pill, item) : item.pill }}
+			</span>
+		</div>
+		<menu-tree
+			:root="item"
+			:currentItem="currentItem"
+			:modal="item.items"
+			v-if="item.items && item.expanded"
+			@change-item="i => $emit('change-item', i)"
+		/>
+	</li>
+</ul>
+</template>
+
+<script>
+
+function findLastVisible(node) {
+	if ( node.expanded && node.items )
+		return findLastVisible(node.items[node.items.length - 1]);
+
+	return node;
+}
+
+
+function findNextVisible(node, modal) {
+	const items = node.parent ? node.parent.items : modal,
+		idx = items.indexOf(node);
+
+	if ( items[idx + 1] )
+		return items[idx+1];
+
+	if ( node.parent )
+		return findNextVisible(node.parent, modal);
+
+	return null;
+}
+
+
+function recursiveExpand(node) {
+	node.expanded = true;
+	if ( node.items )
+		for(const item of node.items)
+			recursiveExpand(item);
+}
+
+
+export default {
+	props: ['root', 'modal', 'currentItem'],
+
+	computed: {
+		tabIndex() {
+			return this.root ? undefined : 0;
+		}
+	},
+
+	methods: {
+		clickItem(item) {
+			if ( ! item.expanded )
+				item.expanded = true;
+			else if ( this.currentItem === item )
+				item.expanded = false;
+
+			this.$emit('change-item', item);
+		},
+
+		expandAll() {
+			for(const item of this.modal)
+				recursiveExpand(item);
+		},
+
+		prevItem() {
+			if ( this.root ) return;
+
+			const i = this.currentItem,
+				items = i.parent ? i.parent.items : this.modal,
+				idx = items.indexOf(i);
+
+			if ( idx > 0 )
+				this.$emit('change-item', findLastVisible(items[idx-1]));
+
+			else if ( i.parent )
+				this.$emit('change-item', i.parent);
+		},
+
+		nextItem(e) {
+			if ( this.root ) return;
+
+			const i = this.currentItem;
+			let target;
+
+			if ( i.expanded && i.items )
+				target = i.items[0];
+
+			else
+				target = findNextVisible(i, this.modal);
+
+			if ( target )
+				this.$emit('change-item', target);
+		},
+
+		prevLevel() {
+			if ( this.root ) return;
+
+			const i = this.currentItem;
+
+			if ( i.expanded && i.items )
+				i.expanded = false;
+			else if ( i.parent )
+				this.$emit('change-item', i.parent);
+		},
+
+		nextLevel() {
+			if ( this.root ) return;
+
+			const i = this.currentItem;
+			if ( i.expanded && i.items )
+				this.$emit('change-item', i.items[0]);
+			else
+				i.expanded = true;
+
+			if ( event.ctrlKey )
+				recursiveExpand(this.currentItem);
+		}
+	}
+}
+
+</script>
\ No newline at end of file
diff --git a/src/modules/main_menu/components/profile-editor.vue b/src/modules/main_menu/components/profile-editor.vue
new file mode 100644
index 00000000..2d8a9124
--- /dev/null
+++ b/src/modules/main_menu/components/profile-editor.vue
@@ -0,0 +1,205 @@
+<template lang="html">
+<div class="ffz--profile-editor">
+	<div class="flex align-items-center border-t pd-1">
+		<div class="flex-grow-1"></div>
+		<button
+			class="tw-button tw-button--text"
+			@click="save"
+		>
+			<span class="tw-button__text ffz-i-floppy">
+				{{ t('settings.profiles.save', 'Save') }}
+			</span>
+		</button>
+		<button
+			class="mg-l-1 tw-button tw-button--text"
+			:disabled="item.profile && context.profiles.length < 2"
+			@click="del"
+		>
+			<span class="tw-button__text ffz-i-trash">
+				{{ t('setting.profiles.delete', 'Delete') }}
+			</span>
+		</button>
+		<!--button class="mg-l-1 tw-button tw-button--text">
+			<span class="tw-button__text ffz-i-download">
+				{{ t('setting.profiles.export', 'Export') }}
+			</span>
+		</button-->
+	</div>
+
+	<div class="ffz--menu-container border-t">
+		<header>
+			{{ t('settings.data_management.profiles.edit.general', 'General') }}
+		</header>
+
+		<div class="ffz--widget flex flex--nowrap">
+			<label for="ffz:editor:name">
+				{{ t('settings.data_management.profiles.edit.name', 'Name') }}
+			</label>
+
+			<input
+				class="tw-input"
+				ref="name"
+				id="ffz:editor:name"
+				v-model="name"
+				/>
+		</div>
+
+		<div class="ffz--widget flex flex--nowrap">
+			<label for="ffz:editor:description">
+				{{ t('settings.data_management.profiles.edit.desc', 'Description') }}
+			</label>
+
+			<textarea
+				class="tw-input"
+				ref="desc"
+				id="ffz:editor:description"
+				v-model="desc"
+				/>
+		</div>
+	</div>
+
+	<div class="ffz--menu-container border-t">
+		<header>
+			{{ t('settings.data_management.profiles.edit.rules', 'Rules') }}
+		</header>
+		<section class="pd-b-1">
+			{{ t(
+				'settings.data_management.profiles.edit.rules.description',
+				'Rules allows you to define a series of conditions under which this profile will be active.'
+				) }}
+		</section>
+
+		<filter-editor
+			:filters="filters"
+			:rules="rules"
+			:context="test_context"
+			@change="unsaved = true"
+			/>
+
+	</div>
+</div>
+</template>
+
+<script>
+
+export default {
+	props: ['item', 'context'],
+
+	data() {
+		return {
+			old_name: null,
+			old_desc: null,
+
+			name: null,
+			desc: null,
+			unsaved: false,
+
+			filters: null,
+			rules: null,
+			test_context: null
+		}
+	},
+
+	created() {
+		this.context.context.on('context_changed', this.updateContext, this);
+		this.updateContext();
+		this.revert();
+	},
+
+	beforeDestroy() {
+		this.context.context.off('context_changed', this.updateContext, this);
+	},
+
+
+	watch: {
+		name() {
+			if ( this.name !== this.old_name )
+				this.unsaved = true;
+		},
+
+		desc() {
+			if ( this.desc !== this.old_desc )
+				this.unsaved = true;
+		}
+	},
+
+	methods: {
+		revert() {
+			const profile = this.item.profile;
+
+			this.old_name = this.name = profile ?
+				profile.i18n_key ?
+					this.t(profile.i18n_key, profile.title, profile) :
+					profile.title :
+				'Unnamed Profile',
+
+			this.old_desc = this.desc = profile ?
+				profile.desc_i18n_key ?
+					this.t(profile.desc_i18n_key, profile.description, profile) :
+					profile.description :
+				'';
+
+			this.rules = profile ? profile.context : {};
+			this.unsaved = ! profile;
+		},
+
+		del() {
+			if ( this.item.profile || this.unsaved ) {
+				if ( ! confirm(this.t(
+					'settings.profiles.warn-delete',
+					'Are you sure you wish to delete this profile? It cannot be undone.'
+				)) )
+					return
+
+				if ( this.item.profile )
+					this.context.deleteProfile(this.item.profile);
+			}
+
+			this.unsaved = false;
+			this.$emit('navigate', 'data_management.profiles');
+		},
+
+		save() {
+			if ( ! this.item.profile ) {
+				this.item.profile = this.context.createProfile({
+					name: this.name,
+					description: this.desc
+				});
+
+			} else if ( this.unsaved ) {
+				const changes = {
+					name: this.name,
+					description: this.desc
+				};
+
+				// Disable i18n if required.
+				if ( this.name !== this.old_name )
+					changes.i18n_key = undefined;
+
+				if ( this.desc !== this.old_desc )
+					changes.desc_i18n_key = undefined;
+
+				this.item.profile.update(changes);
+			}
+
+			this.unsaved = false;
+			this.$emit('navigate', 'data_management.profiles');
+		},
+
+		updateContext() {
+			this.test_context = this.context.context.context;
+		},
+
+		onBeforeChange() {
+			if ( this.unsaved )
+				return confirm(
+					this.t(
+						'settings.warn-unsaved',
+						'You have unsaved changes. Are you sure you want to leave the editor?'
+					));
+		}
+	}
+
+}
+
+</script>
\ No newline at end of file
diff --git a/src/modules/main_menu/components/profile-manager.vue b/src/modules/main_menu/components/profile-manager.vue
new file mode 100644
index 00000000..2c86e65d
--- /dev/null
+++ b/src/modules/main_menu/components/profile-manager.vue
@@ -0,0 +1,129 @@
+<template lang="html">
+<div class="ffz--widget ffz--profile-manager border-t pd-y-1">
+	<div class="c-background-accent c-text-overlay pd-1 mg-b-1">
+		<h3 class="ffz-i-attention">
+			This feature is not yet finished.
+		</h3>
+
+		Creating and editing profiles is disabled until the rule editor is finished.
+	</div>
+	<div class="flex align-items-center pd-b-05">
+		<div class="flex-grow-1">
+			{{ t('setting.profiles.drag', 'Drag profiles to change their priority.') }}
+		</div>
+		<button class="mg-l-1 tw-button tw-button--text" disabled @notclick="edit()">
+			<span class="tw-button__text ffz-i-plus">
+				{{ t('setting.profiles.new', 'New Profile') }}
+			</span>
+		</button>
+		<!--button class="mg-l-1 tw-button tw-button--text">
+			<span class="tw-button__text ffz-i-upload">
+				{{ t('setting.profiles.import', 'Import…') }}
+			</span>
+		</button-->
+	</div>
+
+	<div ref="list" class="ffz--profile-list">
+		<section
+			v-for="p in context.profiles"
+			:key="p.id"
+			:data-profile="p.id"
+		>
+			<div
+				class="ffz--profile elevation-1 c-background border pd-y-05 pd-r-1 mg-y-05 flex flex--nowrap"
+				:class="{live: p.live}"
+				tabindex="0"
+			>
+				<div class="flex flex-shrink-0 align-items-center handle pd-x-05 pd-t-1 pd-b-05">
+					<span class="ffz-i-ellipsis-vert" />
+				</div>
+
+				<div class="flex-grow-1">
+					<h4>{{ t(p.i18n_key, p.title, p) }}</h4>
+					<div v-if="p.description" class="description">
+						{{ t(p.desc_i18n_key, p.description, p) }}
+					</div>
+				</div>
+
+				<div class="flex flex-shrink-0 align-items-center">
+					<button class="tw-button tw-button--text" disabled @notclick="edit(p)">
+						<span class="tw-button__text ffz-i-cog">
+							{{ t('setting.profiles.configure', 'Configure') }}
+						</span>
+					</button>
+				</div>
+
+				<div class="flex flex-shrink-0 align-items-center border-l mg-l-1 pd-l-1">
+					<div v-if="p.live" class="ffz--profile__icon ffz-i-ok tw-tooltip-wrapper">
+						<div class="tw-tooltip tw-tooltip--down tw-tooltip--align-right">
+							{{ t('setting.profiles.active', 'This profile is active.') }}
+						</div>
+					</div>
+					<div v-if="! p.live" class="ffz--profile__icon ffz-i-cancel tw-tooltip-wrapper">
+						<div class="tw-tooltip tw-tooltip--down tw-tooltip--align-right">
+							{{ t('setting.profiles.inactive', 'This profile is not active.') }}
+						</div>
+					</div>
+				</div>
+			</div>
+		</section>
+	</div>
+</div>
+</template>
+
+<script>
+
+import Sortable from 'sortablejs';
+
+export default {
+	props: ['item', 'context'],
+
+	methods: {
+		edit(profile) {
+			const item = {
+				full_key: 'data_management.profiles.edit_profile',
+				key: 'edit_profile',
+
+				profile_warning: false,
+
+				title: `Edit Profile`,
+				i18n_key: 'setting.data_management.profiles.edit_profile',
+				parent: this.item.parent,
+
+				contents: [{
+					page: true,
+					profile,
+					component: 'profile-editor'
+				}]
+			};
+
+			item.contents[0].parent = item;
+			this.$emit('change-item', item);
+		}
+	},
+
+	mounted() {
+		this._sortable = Sortable.create(this.$refs.list, {
+			draggable: 'section',
+			filter: 'button',
+
+			onUpdate: (event) => {
+				const id = event.item.dataset.profile,
+					profile = this.context.profile_keys[id];
+
+				if ( profile )
+					profile.move(event.newIndex);
+			}
+		});
+	},
+
+	beforeDestroy() {
+		if ( this._sortable )
+			this._sortable.destroy();
+
+		this._sortable = null;
+	}
+
+}
+
+</script>
\ No newline at end of file
diff --git a/src/modules/main_menu/components/profile-selector.vue b/src/modules/main_menu/components/profile-selector.vue
new file mode 100644
index 00000000..21fad5e0
--- /dev/null
+++ b/src/modules/main_menu/components/profile-selector.vue
@@ -0,0 +1,218 @@
+<template lang="html">
+<div class="ffz--widget ffz--profile-selector">
+	<div
+		tabindex="0"
+		class="tw-select"
+		:class="{active: opened}"
+		ref="button"
+		@keyup.up.stop.prevent="focusShow"
+		@keyup.left.stop.prevent="focusShow"
+		@keyup.down.stop.prevent="focusShow"
+		@keyup.right.stop.prevent="focusShow"
+		@keyup.enter="focusShow"
+		@keyup.space="focusShow"
+		@click="togglePopup"
+	>
+		{{ t(context.currentProfile.i18n_key, context.currentProfile.title, context.currentProfile) }}
+	</div>
+	<div v-if="opened" v-on-clickaway="hide" class="tw-balloon block tw-balloon--lg tw-balloon--down tw-balloon--left">
+		<div
+			class="ffz--profile-list elevation-2 c-background-alt"
+			@keyup.escape="focusHide"
+			@focusin="focus"
+			@focusout="blur"
+		>
+			<div class="scrollable-area border-b" data-simplebar>
+				<div class="simplebar-scroll-content">
+					<div class="simplebar-content" ref="popup">
+						<div
+							v-for="(p, idx) in context.profiles"
+							tabindex="0"
+							class="ffz--profile-row relative border-b pd-y-05 pd-r-3 pd-l-1"
+							:class="{
+								live: p.live,
+								current: p === context.currentProfile
+							}"
+							@keydown.up.stop.prevent=""
+							@keydown.down.stop.prevent=""
+							@keydown.page-up.stop.prevent=""
+							@keydown.page-down.stop.prevent=""
+							@keyup.up.stop="prevItem"
+							@keyup.down.stop="nextItem"
+							@keyup.home="firstItem"
+							@keyup.end="lastItem"
+							@keyup.page-up.stop="prevPage"
+							@keyup.page-down.stop="nextPage"
+							@keyup.enter="changeProfile(p)"
+							@click="changeProfile(p)"
+						>
+							<div
+								v-if="p.live"
+								class="tw-tooltip-wrapper ffz--profile-row__icon ffz-i-ok absolute"
+							>
+								<div class="tw-tooltip tw-tooltip--down tw-tooltip--align-right">
+									{{ t('setting.profiles.active', 'This profile is active.') }}
+								</div>
+							</div>
+
+
+							<h4>{{ t(p.i18n_key, p.title, p) }}</h4>
+							<div v-if="p.description" class="description">
+								{{ t(p.desc_i18n_key, p.description, p) }}
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="pd-y-05 pd-x-05 align-right">
+				<button class="tw-button tw-button--text" @click="openConfigure">
+					<span class="tw-button__text ffz-i-cog">
+						{{ t('setting.profiles.configure', 'Configure') }}
+					</span>
+				</button>
+			</div>
+		</div>
+	</div>
+</div>
+</template>
+
+<script>
+
+import { mixin as clickaway} from 'vue-clickaway';
+
+const indexOf = Array.prototype.indexOf;
+
+export default {
+	mixins: [clickaway],
+	props: ['context'],
+
+	data() {
+		return {
+			opened: false
+		}
+	},
+
+	methods: {
+		openConfigure() {
+			this.hide();
+			this.$emit('navigate', 'data_management.profiles');
+		},
+
+		focus() {
+			this._focused = true;
+		},
+
+		blur() {
+			this._focused = false;
+			if ( ! this._blur_timer )
+				this._blur_timer = setTimeout(() => {
+					this._blur_timer = null;
+					if ( ! this._focused && document.hasFocus() )
+						this.hide();
+				}, 10);
+		},
+
+
+		hide() {
+			this.opened = false;
+		},
+
+		show() {
+			if ( ! this.opened )
+				this.opened = true;
+		},
+
+		togglePopup() {
+			if ( this.opened )
+				this.hide();
+			else
+				this.show();
+		},
+
+
+		focusHide() {
+			this.hide();
+			this.$refs.button.focus();
+		},
+
+		focusShow() {
+			this.show();
+			this.$nextTick(() => this.$refs.popup.querySelector('.current').focus());
+		},
+
+		prevItem(e) {
+			const el = e.target.previousSibling;
+			if ( el ) {
+				this.scroll(el);
+				el.focus();
+			}
+		},
+
+		nextItem(e) {
+			const el = e.target.nextSibling;
+			if ( el ) {
+				this.scroll(el);
+				el.focus();
+			}
+		},
+
+		firstItem() {
+			const el = this.$refs.popup.firstElementChild;
+			if ( el ) {
+				this.scroll(el);
+				el.focus();
+			}
+		},
+
+		prevPage(e) {
+			this.select(indexOf.call(this.$refs.popup.children, e.target) - 5);
+		},
+
+		nextPage(e) {
+			this.select(indexOf.call(this.$refs.popup.children, e.target) + 5);
+		},
+
+		select(idx) {
+			const kids = this.$refs.popup.children,
+				el = kids[idx <= 0 ? 0 : Math.min(idx, kids.length - 1)];
+
+			if ( el ) {
+				this.scroll(el);
+				el.focus();
+			}
+		},
+
+		lastItem() {
+			const el = this.$refs.popup.lastElementChild;
+			if ( el ) {
+				this.scroll(el);
+				el.focus();
+			}
+		},
+
+		scroll(el) {
+			const scroller = this.$refs.popup.parentElement,
+
+				top = el.offsetTop,
+				bottom = el.offsetHeight + top,
+
+				// We need to use the margin-bottom because of the scrollbar library.
+				// In fact, the scrollbar library is why any of this function exists.
+				scroll_top = scroller.scrollTop,
+				scroll_bottom = scroller.offsetHeight + parseInt(scroller.style.marginBottom || 0, 10) + scroll_top;
+
+			if ( top < scroll_top )
+				scroller.scrollBy(0, top - scroll_top);
+
+			else if ( bottom > scroll_bottom )
+				scroller.scrollBy(0, bottom - scroll_bottom);
+		},
+
+		changeProfile(profile) {
+			this.context.currentProfile = profile;
+			this.focusHide();
+		}
+	}
+}
+
+</script>
\ No newline at end of file
diff --git a/src/modules/main_menu/components/setting-check-box.vue b/src/modules/main_menu/components/setting-check-box.vue
new file mode 100644
index 00000000..1d5dcd09
--- /dev/null
+++ b/src/modules/main_menu/components/setting-check-box.vue
@@ -0,0 +1,58 @@
+<template lang="html">
+<div class="ffz--widget ffz--checkbox" :class="{inherits: isInherited, default: isDefault}">
+	<div class="flex align-items-center">
+		<input
+			type="checkbox"
+			class="tw-checkbox__input"
+			ref="control"
+			:id="item.full_key"
+			:checked="value"
+			@change="onChange"
+			>
+
+		<label class="tw-checkbox__label" :for="item.full_key">
+			{{ t(item.i18n_key, item.title, item) }}
+		</label>
+
+		<button
+			v-if="source && source !== profile"
+			class="mg-l-05 tw-button tw-button--text"
+			@click="context.currentProfile = source"
+		>
+			<span class="tw-button__text ffz-i-right-dir">
+				{{ sourceDisplay }}
+			</span>
+		</button>
+
+		<button v-if="has_value" class="mg-l-05 tw-button tw-button--text tw-tooltip-wrapper" @click="clear">
+			<span class="tw-button__text ffz-i-cancel"></span>
+			<div class="tw-tooltip tw-tooltip--down tw-tooltip--align-right">
+				{{ t('setting.reset', 'Reset to Default') }}
+			</div>
+		</button>
+	</div>
+	<section
+		v-if="item.description"
+		class="c-text-alt-2"
+		style="padding-left:2.2rem"
+		v-html="t(item.desc_i18n_key || item.i18n_key + '.description', item.description, item)"
+		/>
+</div>
+</template>
+
+<script>
+
+import SettingMixin from '../setting-mixin';
+
+export default {
+	mixins: [SettingMixin],
+	props: ['item', 'context'],
+
+	methods: {
+		onChange() {
+			this.set(this.$refs.control.checked);
+		}
+	}
+}
+
+</script>
\ No newline at end of file
diff --git a/src/modules/main_menu/components/setting-hotkey.vue b/src/modules/main_menu/components/setting-hotkey.vue
new file mode 100644
index 00000000..e0f37459
--- /dev/null
+++ b/src/modules/main_menu/components/setting-hotkey.vue
@@ -0,0 +1,44 @@
+<template lang="html">
+<div class="ffz--widget ffz--hotkey-input">
+	<label
+		:for="item.full_key"
+		v-html="t(item.i18n_key, item.title, item)"
+		/>
+	<div class="relative">
+		<div class="tw-input__icon-group tw-input__icon-group--right">
+			<div class="tw-input__icon">
+				<figure class="ffz-i-keyboard" />
+			</div>
+		</div>
+		<div
+			type="text"
+			class="mg-05 tw-input tw-input--icon-right"
+			ref="display"
+			:id="item.full_key"
+			tabindex="0"
+			@keyup="onKey"
+			>
+			&nbsp;
+		</div>
+	</div>
+	<section
+		v-if="item.description"
+		v-html="t(item.desc_i18n_key || item.i18n_key + '.description', item.description, item)"
+		/>
+</div>
+</template>
+
+<script>
+
+export default {
+	props: ['item', 'context'],
+
+	methods: {
+		onKey(e) {
+			const name = `${e.ctrlKey ? 'Ctrl-' : ''}${e.shiftKey ? 'Shift-' : ''}${e.altKey ? 'Alt-' : ''}${e.code}`;
+			this.$refs.display.innerText = name;
+		}
+	}
+}
+
+</script>
\ No newline at end of file
diff --git a/src/modules/main_menu/components/setting-radio-buttons.vue b/src/modules/main_menu/components/setting-radio-buttons.vue
new file mode 100644
index 00000000..828797c2
--- /dev/null
+++ b/src/modules/main_menu/components/setting-radio-buttons.vue
@@ -0,0 +1,27 @@
+<template lang="html">
+<div class="atw-input">
+	<header>
+		{{ t(item.i18n_key, item.title, item) }}
+	</header>
+	<section
+		v-if="item.description"
+		class="c-text-alt-2"
+		v-html="t(item.desc_i18n_key || item.i18n_key + '.description', item.description, item)"
+		/>
+	<div v-for="(i, idx) in data" class="mg-l-1">
+		<input type="radio" :name="item.full_key" :id="item.full_key + idx" :value="i.value" class="tw-radio__input">
+		<label :for="item.full_key + idx" class="pd-y-05 tw-radio__label">{{ t(i.i18n_key, i.title, i) }}</label>
+	</div>
+</div>
+</template>
+
+<script>
+
+import SettingMixin from '../setting-mixin';
+
+export default {
+	mixins: [SettingMixin],
+	props: ['item', 'context']
+}
+
+</script>
\ No newline at end of file
diff --git a/src/modules/main_menu/components/setting-select-box.vue b/src/modules/main_menu/components/setting-select-box.vue
new file mode 100644
index 00000000..4abb74e6
--- /dev/null
+++ b/src/modules/main_menu/components/setting-select-box.vue
@@ -0,0 +1,64 @@
+<template lang="html">
+<div class="ffz--widget ffz--select-box" :class="{inherits: isInherited, default: isDefault}">
+	<div class="flex align-items-center">
+		<label :for="item.full_key">
+			{{ t(item.i18n_key, item.title, item) }}
+		</label>
+
+		<select
+			class="mg-05 tw-select display-inline width-auto"
+			ref="control"
+			:id="item.full_key"
+			@change="onChange"
+		>
+			<option v-for="i in data" :selected="i.value === value">
+				{{ i.i18n_key ? t(i.i18n_key, i.title, i) : i.title }}
+			</option>
+		</select>
+
+		<button
+			v-if="source && source !== profile"
+			class="mg-l-05 tw-button tw-button--text"
+			@click="context.currentProfile = source"
+		>
+			<span class="tw-button__text ffz-i-right-dir">
+				{{ sourceDisplay }}
+			</span>
+		</button>
+
+		<button v-if="has_value" class="mg-l-05 tw-button tw-button--text tw-tooltip-wrapper" @click="clear">
+			<span class="tw-button__text ffz-i-cancel"></span>
+			<div class="tw-tooltip tw-tooltip--down tw-tooltip--align-right">
+				{{ t('setting.reset', 'Reset to Default') }}
+			</div>
+		</button>
+	</div>
+
+	<section
+		v-if="item.description"
+		class="c-text-alt-2"
+		v-html="t(item.desc_i18n_key || item.i18n_key + '.description', item.description, item)"
+		/>
+</div>
+</template>
+
+<script>
+
+import SettingMixin from '../setting-mixin';
+
+export default {
+	mixins: [SettingMixin],
+	props: ['item', 'context'],
+
+	methods: {
+		onChange() {
+			const idx = this.$refs.control.selectedIndex,
+				raw_value = this.data[idx];
+
+			if ( raw_value )
+				this.set(raw_value.value);
+		}
+	}
+}
+
+</script>
\ No newline at end of file
diff --git a/src/modules/main_menu/components/setting-text-box.vue b/src/modules/main_menu/components/setting-text-box.vue
new file mode 100644
index 00000000..954604e0
--- /dev/null
+++ b/src/modules/main_menu/components/setting-text-box.vue
@@ -0,0 +1,59 @@
+<template lang="html">
+<div class="ffz--widget ffz--text-box" :class="{inherits: isInherited, default: isDefault}">
+	<div class="flex align-items-center">
+		<label :for="item.full_key">
+			{{ t(item.i18n_key, item.title, item) }}
+		</label>
+
+		<input
+			class="mg-05 tw-input display-inline width-auto"
+			ref="control"
+			:id="item.full_key"
+			@change="onChange"
+			:value="value"
+			/>
+
+		<button
+			v-if="source && source !== profile"
+			class="mg-l-05 tw-button tw-button--text"
+			@click="context.currentProfile = source"
+		>
+			<span class="tw-button__text ffz-i-right-dir">
+				{{ sourceDisplay }}
+			</span>
+		</button>
+
+		<button v-if="has_value" class="mg-l-05 tw-button tw-button--text tw-tooltip-wrapper" @click="clear">
+			<span class="tw-button__text ffz-i-cancel"></span>
+			<div class="tw-tooltip tw-tooltip--down tw-tooltip--align-right">
+				{{ t('setting.reset', 'Reset to Default') }}
+			</div>
+		</button>
+	</div>
+
+	<section
+		v-if="item.description"
+		class="c-text-alt-2"
+		v-html="t(item.desc_i18n_key || item.i18n_key + '.description', item.description, item)"
+		/>
+</div>
+</template>
+
+<script>
+
+import SettingMixin from '../setting-mixin';
+
+export default {
+	mixins: [SettingMixin],
+	props: ['item', 'context'],
+
+	methods: {
+		onChange() {
+			const value = this.$refs.control.value;
+			if ( value != null )
+				this.set(value);
+		}
+	}
+}
+
+</script>
\ No newline at end of file
diff --git a/src/modules/main_menu/index.js b/src/modules/main_menu/index.js
new file mode 100644
index 00000000..d510dea3
--- /dev/null
+++ b/src/modules/main_menu/index.js
@@ -0,0 +1,551 @@
+'use strict';
+
+// ============================================================================
+// Menu Module
+// ============================================================================
+
+import Module from 'utilities/module';
+import {createElement as e} from 'utilities/dom';
+import {has, deep_copy} from 'utilities/object';
+
+function format_term(term) {
+	return term.replace(/<[^>]*>/g, '').toLocaleLowerCase();
+}
+
+// TODO: Rewrite literally everything about the menu to use vue-router and further
+// separate the concept of navigation from visible pages.
+
+export default class MainMenu extends Module {
+	constructor(...args) {
+		super(...args);
+
+		this.inject('settings');
+		this.inject('i18n');
+		this.inject('site');
+		this.inject('vue');
+
+		//this.should_enable = true;
+
+		this._settings_tree = null;
+		this._settings_count = 0;
+
+		this._menu = null;
+		this._visible = true;
+		this._maximized = false;
+
+
+		this.settings.addUI('profiles', {
+			path: 'Data Management @{"sort": 1000, "profile_warning": false} > Profiles @{"profile_warning": false}',
+			component: 'profile-manager'
+		});
+
+		this.settings.addUI('home', {
+			path: 'Home @{"sort": -1000, "profile_warning": false}',
+			component: 'home-page'
+		});
+
+		this.settings.addUI('feedback', {
+			path: 'Home > Feedback',
+			component: 'feedback-page'
+		});
+
+		this.settings.addUI('changelog', {
+			path: 'Home > Changelog',
+			component: 'changelog'
+		});
+
+	}
+
+	async onLoad() {
+		this.vue.component(
+			(await import(/* webpackChunkName: "main-menu" */ './components.js')).default
+		);
+	}
+
+	get maximized() {
+		return this._maximized;
+	}
+
+	set maximized(val) {
+		val = Boolean(val);
+		if ( val === this._maximized )
+			return;
+
+		if ( this.enabled )
+			this.toggleSize();
+	}
+
+	get visible() {
+		return this._visible;
+	}
+
+	set visible(val) {
+		val = Boolean(val);
+		if ( val === this._visible )
+			return;
+
+		if ( this.enabled )
+			this.toggleVisible();
+	}
+
+
+	async onEnable(event) {
+		await this.site.awaitElement('.twilight-root');
+
+		this.on('site.menu_button:clicked', this.toggleVisible);
+		if ( this._visible ) {
+			this._visible = false;
+			this.toggleVisible(event);
+		}
+	}
+
+	onDisable() {
+		if ( this._visible ) {
+			this.toggleVisible();
+			this._visible = true;
+		}
+
+		this.off('site.menu_button:clicked', this.toggleVisible);
+	}
+
+	toggleVisible(event) {
+		if ( event && event.button !== 0 )
+			return;
+
+		const maximized = this._maximized,
+			visible = this._visible = !this._visible,
+			main = document.querySelector(maximized ? '.twilight-main' : '.twilight-root > .full-height');
+
+		if ( ! visible ) {
+			if ( maximized )
+				main.classList.remove('ffz-has-menu');
+
+			if ( this._menu ) {
+				main.removeChild(this._menu);
+				this._vue.$destroy();
+				this._menu = this._vue = null;
+			}
+
+			return;
+		}
+
+		if ( ! this._menu )
+			this.createMenu();
+
+		if ( maximized )
+			main.classList.add('ffz-has-menu');
+
+		main.appendChild(this._menu);
+	}
+
+	toggleSize(event) {
+		if ( ! this._visible || event && event.button !== 0 )
+			return;
+
+		const maximized = this._maximized = !this._maximized,
+			main = document.querySelector(maximized ? '.twilight-main' : '.twilight-root > .full-height'),
+			old_main = this._menu.parentElement;
+
+		if ( maximized )
+			main.classList.add('ffz-has-menu');
+		else
+			old_main.classList.remove('ffz-has-menu');
+
+		old_main.removeChild(this._menu);
+		main.appendChild(this._menu);
+
+		this._vue.$children[0].maximized = maximized;
+	}
+
+
+	rebuildSettingsTree() {
+		this._settings_tree = {};
+		this._settings_count = 0;
+
+		for(const [key, def] of this.settings.definitions)
+			this._addDefinitionToTree(key, def);
+
+		for(const [key, def] of this.settings.ui_structures)
+			this._addDefinitionToTree(key, def);
+	}
+
+
+	_addDefinitionToTree(key, def) {
+		if ( ! def.ui || ! this._settings_tree )
+			return;
+
+		if ( ! def.ui.path_tokens ) {
+			if ( def.ui.path )
+				def.ui.path_tokens = parse_path(def.ui.path);
+			else
+				return;
+		}
+
+		if ( ! def.ui || ! def.ui.path_tokens || ! this._settings_tree )
+			return;
+
+		const tree = this._settings_tree,
+			tokens = def.ui.path_tokens,
+			len = tokens.length;
+
+		let prefix = null,
+			token;
+
+		// Create and/or update all the necessary structure elements for
+		// this node in the settings tree.
+		for(let i=0; i < len; i++) {
+			const raw_token = tokens[i],
+				key = prefix ? `${prefix}.${raw_token.key}` : raw_token.key;
+
+			token = tree[key];
+			if ( ! token )
+				token = tree[key] = {
+					full_key: key,
+					sort: 0,
+					parent: prefix,
+					expanded: prefix === null,
+					i18n_key: `setting.${key}`,
+					desc_i18n_key: `setting.${key}.description`
+				};
+
+			Object.assign(token, raw_token);
+			prefix = key;
+		}
+
+		// Add this setting to the tree.
+		token.settings = token.settings || [];
+		token.settings.push([key, def]);
+		this._settings_count++;
+	}
+
+
+	getSettingsTree() {
+		const started = performance.now();
+
+		if ( ! this._settings_tree )
+			this.rebuildSettingsTree();
+
+		const tree = this._settings_tree,
+
+			root = {},
+			copies = {},
+
+			needs_sort = new Set,
+			needs_component = new Set,
+
+			have_locale = this.i18n.locale !== 'en';
+
+
+		for(const key in tree) {
+			if ( ! has(tree, key) )
+				continue;
+
+			const token = copies[key] = copies[key] || Object.assign({}, tree[key]),
+				p_key = token.parent,
+				parent = p_key ?
+					(copies[p_key] = copies[p_key] || Object.assign({}, tree[p_key])) :
+					root;
+
+			token.parent = p_key ? parent : null;
+			token.page = token.page || parent.page;
+
+			if ( token.page && ! token.component )
+				needs_component.add(token);
+
+			if ( token.settings ) {
+				const list = token.contents = token.contents || [];
+
+				for(const [setting_key, def] of token.settings)
+					if ( def.ui ) { //} && def.ui.title ) {
+						const i18n_key = `${token.i18n_key}.${def.ui.key}`
+						const tok = Object.assign({
+							i18n_key,
+							desc_i18n_key: `${i18n_key}.description`,
+							sort: 0,
+							title: setting_key
+						}, def.ui, {
+							full_key: `setting:${setting_key}`,
+							setting: setting_key,
+							path_tokens: undefined,
+							parent: token
+						});
+
+						if ( def.default && ! tok.default ) {
+							const def_type = typeof def.default;
+							if ( def_type === 'object' ) {
+								// TODO: Better way to deep copy this object.
+								tok.default = JSON.parse(JSON.stringify(def.default));
+							} else
+								tok.default = def.default;
+						}
+
+						const terms = [
+							setting_key,
+							this.i18n.t(tok.i18n_key, tok.title, tok, true)
+						];
+
+						if ( have_locale && this.i18n.has(tok.i18n_key) )
+							terms.push(this.i18n.t(tok.i18n_key, tok.title, tok));
+
+						if ( tok.description ) {
+							terms.push(this.i18n.t(tok.desc_i18n_key, tok.description, tok, true));
+
+							if ( have_locale && this.i18n.has(tok.desc_i18n_key) )
+								terms.push(this.i18n.t(tok.desc_i18n_key, tok.description, tok));
+						}
+
+						tok.search_terms = terms.map(format_term).join('\n');
+
+						list.push(tok);
+					}
+
+				token.settings = undefined;
+				if ( list.length > 1 )
+					needs_sort.add(list);
+			}
+
+			if ( ! token.search_terms ) {
+				const formatted = this.i18n.t(token.i18n_key, token.title, token, true);
+				let terms = [token.key];
+
+				if ( formatted && formatted.localeCompare(token.key, undefined, {sensitivity: 'base'}) )
+					terms.push(formatted);
+
+				if ( have_locale && this.i18n.has(token.i18n_key) )
+					terms.push(this.i18n.t(token.i18n_key, token.title, token));
+
+				if ( token.description ) {
+					terms.push(this.i18n.t(token.desc_i18n_key, token.description, token, true));
+
+					if ( have_locale && this.i18n.has(token.desc_i18n_key) )
+						terms.push(this.i18n.t(token.desc_i18n_key, token.description, token));
+				}
+
+				terms = terms.map(format_term);
+
+				for(const lk of ['tabs', 'contents', 'items'])
+					if ( token[lk] )
+						for(const tok of token[lk] )
+							if ( tok.search_terms )
+								terms.push(tok.search_terms);
+
+				terms = token.search_terms = terms.join('\n');
+
+				let p = parent;
+				while(p && p.search_terms) {
+					p.search_terms += '\n' + terms;
+					p = p.parent;
+				}
+			}
+
+			const lk = token.tab ? 'tabs' : token.page ? 'contents' : 'items',
+				list = parent[lk] = parent[lk] || [];
+
+			list.push(token);
+			if ( list.length > 1 )
+				needs_sort.add(list);
+		}
+
+		for(const token of needs_component) {
+			token.component = token.tabs ? 'tab-container' :
+				token.contents ? 'menu-container' :
+				'setting-check-box';
+		}
+
+		for(const list of needs_sort)
+			list.sort((a, b) => {
+				if ( a.sort < b.sort ) return -1;
+				if ( a.sort > b.sort ) return 1;
+
+				return a.key.localeCompare(b.key);
+			});
+
+		this.log.info(`Built Tree in ${(performance.now() - started).toFixed(5)}ms with ${Object.keys(tree).length} structure nodes and ${this._settings_count} settings nodes.`);
+		const items = root.items || [];
+		items.keys = copies;
+		return items;
+	}
+
+
+	getProfiles(context) {
+		const profiles = [],
+			keys = {};
+
+		context = context || this.settings.main_context;
+
+		for(const profile of this.settings.__profiles)
+			profiles.push(keys[profile.id] = this.getProfileProxy(profile, context));
+
+		return [profiles, keys];
+	}
+
+
+	getProfileProxy(profile, context) {
+		return {
+			id: profile.id,
+
+			order: context.manager.__profiles.indexOf(profile),
+			live: context.__profiles.includes(profile),
+
+			title: profile.name,
+			i18n_key: profile.i18n_key,
+
+			description: profile.description,
+			desc_i18n_key: profile.desc_i18n_key || profile.i18n_key && `${profile.i18n_key}.description`,
+
+			move: idx => context.manager.moveProfile(profile.id, idx),
+			save: () => profile.save(),
+			update: data => {
+				profile.data = data
+				profile.save()
+			},
+
+			context: deep_copy(profile.context),
+
+			get: key => profile.get(key),
+			set: (key, val) => profile.set(key, val),
+			delete: key => profile.delete(key),
+			has: key => profile.has(key),
+
+			on: (...args) => profile.on(...args),
+			off: (...args) => profile.off(...args)
+		}
+	}
+
+
+	getContext() {
+		const t = this,
+			Vue = this.vue.Vue,
+			settings = this.settings,
+			context = settings.main_context,
+			[profiles, profile_keys] = this.getProfiles(),
+
+		_c = {
+			profiles,
+			profile_keys,
+			currentProfile: profile_keys[0],
+
+			createProfile: data => {
+				const profile = settings.createProfile(data);
+				return t.getProfileProxy(profile, context);
+			},
+
+			deleteProfile: profile => settings.deleteProfile(profile),
+
+			context: {
+				_users: 0,
+
+				profiles: context.__profiles.map(profile => profile.id),
+				get: key => context.get(key),
+				uses: key => context.uses(key),
+
+				on: (...args) => context.on(...args),
+				off: (...args) => context.off(...args),
+
+				order: id => context.order.indexOf(id),
+				context: deep_copy(context.context),
+
+				_update_profiles(changed) {
+					const new_list = [],
+						profiles = context.manager.__profiles;
+					for(let i=0; i < profiles.length; i++) {
+						const profile = profile_keys[profiles[i].id];
+						profile.order = i;
+						new_list.push(profile);
+					}
+
+					Vue.set(_c, 'profiles', new_list);
+
+					if ( changed && changed.id === _c.currentProfile.id )
+						_c.currentProfile = profile_keys[changed.id];
+				},
+
+				_profile_created(profile) {
+					Vue.set(profile_keys, profile.id, t.getProfileProxy(profile, context));
+					this._update_profiles()
+				},
+
+				_profile_changed(profile) {
+					Vue.set(profile_keys, profile.id, t.getProfileProxy(profile, context));
+					this._update_profiles(profile);
+				},
+
+				_profile_deleted(profile) {
+					Vue.delete(profile_keys, profile.id);
+					this._update_profiles();
+
+					if ( _c.currentProfile.id === profile.id )
+						_c.currentProfile = profile_keys[0]
+				},
+
+				_context_changed() {
+					this.context = deep_copy(context.context);
+					const ids = this.profiles = context.__profiles.map(profile => profile.id);
+					for(const id in profiles) {
+						const profile = profiles[id];
+						profile.live = this.profiles.includes(profile.id);
+					}
+				},
+
+				_add_user() {
+					this._users++;
+					if ( this._users === 1 ) {
+						settings.on(':profile-created', this._profile_created, this);
+						settings.on(':profile-changed', this._profile_changed, this);
+						settings.on(':profile-deleted', this._profile_deleted, this);
+						settings.on(':profiles-reordered', this._update_profiles, this);
+						context.on('context_changed', this._context_changed, this);
+						context.on('profiles_changed', this._context_changed, this);
+						this.profiles = context.__profiles.map(profile => profile.id);
+					}
+				},
+
+				_remove_user() {
+					this._users--;
+					if ( this._users === 0 ) {
+						settings.off(':profile-created', this._profile_created, this);
+						settings.off(':profile-changed', this._profile_changed, this);
+						settings.off(':profile-deleted', this._profile_deleted, this);
+						settings.off(':profiles-reordered', this._update_profiles, this);
+						context.off('context_changed', this._context_changed, this);
+						context.off('profiles_changed', this._context_changed, this);
+					}
+				}
+			}
+		};
+
+		return _c;
+	}
+
+	getData() {
+		const settings = this.getSettingsTree(),
+			context = this.getContext();
+
+		return {
+			context,
+
+			nav: settings,
+			currentItem: settings.keys['home'], // settings[0],
+			nav_keys: settings.keys,
+
+			maximized: this._maximized,
+			resize: e => this.toggleSize(e),
+			close: e => this.toggleVisible(e),
+			version: window.FrankerFaceZ.version_info
+		}
+	}
+
+	createMenu() {
+		if ( this._menu )
+			return;
+
+		this._vue = new this.vue.Vue({
+			el: e('div'),
+			render: h => h('main-menu', this.getData())
+		});
+
+		this._menu = this._vue.$el;
+	}
+}
+
+MainMenu.requires = ['site.menu_button'];
\ No newline at end of file
diff --git a/src/modules/main_menu/setting-mixin.js b/src/modules/main_menu/setting-mixin.js
new file mode 100644
index 00000000..238b6dca
--- /dev/null
+++ b/src/modules/main_menu/setting-mixin.js
@@ -0,0 +1,178 @@
+'use strict';
+
+export default {
+	data() {
+		return {
+			value: undefined,
+			has_value: false,
+			profile: null,
+
+			source: null,
+			source_value: undefined,
+		}
+	},
+
+	created() {
+		const ctx = this.context.context,
+			setting = this.item.setting;
+
+		ctx._add_user();
+
+		this._update_profile();
+		this._uses_changed(ctx.uses(setting));
+
+		ctx.on(`uses_changed:${setting}`, this._uses_changed, this);
+	},
+
+	destroyed() {
+		const ctx = this.context.context,
+			setting = this.item.setting;
+
+		if ( this.profile )
+			this.profile.off('changed', this._setting_changed, this);
+
+		if ( this.source )
+			this.source.off('changed', this._source_setting_changed, this);
+
+		ctx.off(`uses_changed:${setting}`, this._uses_changed, this);
+
+		this.value = undefined;
+		this.has_value = false;
+		this.profile = null;
+
+		this.source_value = undefined;
+		this.source = null;
+
+		ctx._remove_user();
+	},
+
+	watch: {
+		'context.currentProfile'() {
+			this._update_profile();
+		}
+	},
+
+	computed: {
+		data() {
+			const data = this.item.data;
+			if ( typeof data === 'function' )
+				return data(this.profile, this.value);
+
+			return data;
+		},
+
+		default_value() {
+			if ( typeof this.item.default === 'function' )
+				return this.item.default(this.context.context);
+
+			return this.item.default;
+		},
+
+		isInherited() {
+			return ! this.has_value && this.source && this.sourceOrder > this.profileOrder;
+		},
+
+		isDefault() {
+			return ! this.has_value && ! this.source
+		},
+
+		isOverridden() {
+			return this.source && this.sourceOrder < this.profileOrder;
+		},
+
+		sourceOrder() {
+			return this.source ? this.source.order : Infinity
+		},
+
+		profileOrder() {
+			return this.profile ? this.profile.order : Infinity
+		},
+
+		sourceTitle() {
+			if ( this.source )
+				return this.source.i18n_key ?
+					this.t(this.source.i18n_key, this.source.title, this.source) :
+					this.source.title;
+		},
+
+		sourceDisplay() {
+			const opts = {
+				title: this.sourceTitle
+			};
+
+			if ( this.isInherited )
+				return this.t('setting.inherited-from', 'Inherited From: %{title}', opts);
+			else if ( this.isOverridden )
+				return this.t('setting.overridden-by', 'Overridden By: %{title}', opts);
+		}
+	},
+
+	methods: {
+		_update_profile() {
+			if ( this.profile )
+				this.profile.off('changed', this._setting_changed, this);
+
+			const profile = this.profile = this.context.currentProfile,
+				setting = this.item.setting;
+
+			profile.on('changed', this._setting_changed, this);
+
+			this.has_value = profile.has(setting);
+			this.value = this.has_value ?
+				profile.get(setting) :
+				this.isInherited ?
+					this.source_value :
+					this.default_value;
+		},
+
+		_setting_changed(key, value, deleted) {
+			if ( key !== this.item.setting )
+				return;
+
+			this.has_value = deleted !== true;
+			this.value = this.has_value ?
+				value :
+				this.isInherited ?
+					this.source_value :
+					this.default_value;
+		},
+
+		_source_setting_changed(key, value, deleted) {
+			if ( key !== this.item.setting )
+				return;
+
+			this.source_value = value;
+			if ( this.isInherited )
+				this.value = deleted ? this.default_value : value;
+		},
+
+		_uses_changed(uses) {
+			if ( this.source )
+				this.source.off('changed', this._source_setting_changed, this);
+
+			const source = this.source = this.context.profile_keys[uses],
+				setting = this.item.setting;
+
+			if ( source ) {
+				source.on('changed', this._source_setting_changed, this);
+				this.source_value = source.get(setting);
+
+			} else
+				this.source_value = undefined;
+
+			if ( ! this.has_value )
+				this.value = this.isInherited ? this.source_value : this.default_value;
+		},
+
+		set(value) {
+			if ( this.item.process )
+				value = this.item.process(value);
+
+			this.profile.set(this.item.setting, value);
+		},
+
+		clear() {
+			this.profile.delete(this.item.setting);
+		}
+	}
+}
\ No newline at end of file
diff --git a/src/modules/metadata.js b/src/modules/metadata.js
new file mode 100644
index 00000000..e7f1703d
--- /dev/null
+++ b/src/modules/metadata.js
@@ -0,0 +1,342 @@
+'use strict';
+
+// ============================================================================
+// Channel Metadata
+// ============================================================================
+
+import {createElement as e} from 'utilities/dom';
+import {has, get, maybe_call} from 'utilities/object';
+
+import {duration_to_string} from 'utilities/time';
+
+import Tooltip from 'utilities/tooltip';
+import Module from 'utilities/module';
+
+export default class Metadata extends Module {
+	constructor(...args) {
+		super(...args);
+
+		this.inject('settings');
+		this.inject('i18n');
+
+		this.should_enable = true;
+		this.definitions = {};
+
+		this.settings.add('metadata.player-stats', {
+			default: false,
+
+			ui: {
+				path: 'Channel > Metadata >> Player',
+				title: 'Playback Statistics',
+				description: 'Show the current stream delay, with playback rate and dropped frames in the tooltip.',
+				component: 'setting-check-box'
+			},
+
+			changed: () => this.updateMetadata('player-stats')
+		});
+
+		this.settings.add('metadata.uptime', {
+			default: 1,
+
+			ui: {
+				path: 'Channel > Metadata >> Player',
+				title: 'Stream Uptime',
+
+				component: 'setting-select-box',
+
+				data: [
+					{value: 0, title: 'Disabled'},
+					{value: 1, title: 'Enabled'},
+					{value: 2, title: 'Enabled (with Seconds)'}
+				]
+			},
+
+			changed: () => this.updateMetadata('uptime')
+		});
+
+
+		this.definitions.uptime = {
+			refresh() { return this.settings.get('metadata.uptime') > 0 },
+
+			setup() {
+				const socket = this.resolve('socket'),
+					query = this.resolve('site.apollo').getQuery('ChannelPage_ChannelInfoBar_User'),
+					result = query.lastResult,
+					created_at = get('data.user.stream.createdAt', result);
+
+				if ( created_at === undefined && ! query._ffz_refetched ) {
+					query._ffz_refetched = true;
+					query.refetch();
+					return {};
+				}
+
+				if ( ! created_at )
+					return {};
+
+				const created = new Date(created_at),
+					now = Date.now() - socket._time_drift;
+
+				return {
+					created,
+					uptime: created ? Math.floor((now - created.getTime()) / 1000) : -1
+				}
+			},
+
+			order: 2,
+			icon: 'ffz-i-clock',
+
+			label(data) {
+				const setting = this.settings.get('metadata.uptime');
+				if ( ! setting || ! data.created )
+					return null;
+
+				return duration_to_string(data.uptime, false, false, false, setting !== 2);
+			},
+
+			tooltip(data) {
+				if ( ! data.created )
+					return null;
+
+				return `${this.i18n.t(
+					'metadata.uptime.tooltip',
+					'Stream Uptime'
+				)}<div class="pd-t-05">${this.i18n.t(
+					'metadata.uptime.since',
+					'(since %{since})',
+					{since: data.created.toLocaleString()}
+				)}</div>`;
+			}
+		}
+
+		this.definitions['player-stats'] = {
+			refresh() {
+				return this.settings.get('metadata.player-stats')
+			},
+
+			setup() {
+				const Player = this.resolve('site.player'),
+					socket = this.resolve('socket'),
+					player = Player.current,
+					stats = player && player.getVideoInfo();
+
+				if ( ! stats )
+					return {stats};
+
+				let delay = stats.hls_latency_broadcaster / 1000,
+					drift = 0;
+
+				if ( socket && socket.connected )
+					drift = socket._time_drift;
+
+				return {
+					stats,
+					drift,
+					delay,
+					old: delay > 180
+				}
+			},
+
+			order: 3,
+			icon: 'ffz-i-gauge',
+
+			label(data) {
+				if ( ! this.settings.get('metadata.player-stats') || ! data.delay )
+					return null;
+
+				const delayed = data.drift > 5000 ? '(!) ' : '';
+
+				if ( data.old )
+					return `${delayed}${data.delay.toFixed(2)}s old`;
+				else
+					return `${delayed}${data.delay.toFixed(2)}s`;
+			},
+
+			color(data) {
+				const setting = this.settings.get('some.thing');
+				if ( setting == null || ! data.delay || data.old )
+					return;
+
+				if ( data.delay > (setting * 2) )
+					return '#ec1313';
+
+				else if ( data.delay > setting )
+					return '#fc7835';
+			},
+
+			tooltip(data) {
+				const delayed = data.drift > 5000 ?
+					`${this.i18n.t(
+						'metadata.player-stats.delay-warning',
+						'Your local clock seems to be off by roughly %{count} seconds, which could make this inaccurate.',
+						Math.round(data.drift / 10) / 100
+					)}<hr>` :
+					'';
+
+				if ( ! data.stats || ! data.delay )
+					return delayed + this.i18n.t('metadata.player-stats.latency-tip', 'Stream Latency');
+
+				const stats = data.stats,
+					video_info = this.i18n.t(
+						'metadata.player-stats.video-info',
+						'Video: %{vid_width}x%{vid_height}p%{current_fps}\nPlayback Rate: %{current_bitrate|number} Kbps\nDropped Frames:%{dropped_frames|number}',
+						stats
+					);
+
+				if ( data.old )
+					return `${delayed}${this.i18n.t(
+						'metadata.player-stats.video-tip',
+						'Video Information'
+					)}<div class="pd-t-05">${this.i18n.t(
+						'metadata.player-stats.broadcast-ago',
+						'Broadcast %{count}s Ago',
+						data.delay
+					)}</div><div class="pd-t-05">${video_info}</div>`;
+
+				return `${delayed}${this.i18n.t(
+					'metadata.player-stats.latency-tip',
+					'Stream Latency'
+				)}<div class="pd-t-05">${video_info}</div>`;
+			}
+		}
+	}
+
+
+	get keys() {
+		return Object.keys(this.definitions);
+	}
+
+
+	async getData(key) {
+		const def = this.definitions[key];
+		if ( ! def )
+			return {label: null};
+
+		return {
+			icon: maybe_call(def.icon),
+			label: maybe_call(def.label),
+			refresh: maybe_call(def.refresh)
+		}
+	}
+
+
+	updateMetadata(keys) {
+		const bar = this.resolve('site.channel_bar');
+		if ( bar ) {
+			for(const inst of bar.ChannelBar.instances)
+				bar.updateMetadata(inst, keys);
+
+			for(const inst of bar.HostBar.instances)
+				bar.updateMetadata(inst, keys);
+		}
+	}
+
+
+	async render(key, data, container, timers, refresh_fn) {
+		if ( timers[key] )
+			clearTimeout(timers[key]);
+
+		let el = container.querySelector(`.ffz-stat[data-key="${key}"]`);
+
+		const def = this.definitions[key],
+			destroy = () => {
+				if ( el ) {
+					if ( el.tooltip )
+						el.tooltip.destroy();
+
+					if ( el.popper )
+						el.popper.destroy();
+
+					el.tooltip = el.popper = null;
+					el.parentElement.removeChild(el);
+				}
+			};
+
+		if ( ! def )
+			return destroy();
+
+		try {
+			// Process the data if a setup method is defined.
+			if ( def.setup )
+				data = await def.setup.call(this, data);
+
+			// Let's get refresh logic out of the way now.
+			const refresh = maybe_call(def.refresh, this, data);
+			if ( refresh )
+				timers[key] = setTimeout(
+					() => refresh_fn(key),
+					typeof refresh === 'number' ? refresh : 1000
+				);
+
+
+			// Grab the element again in case it changed, somehow.
+			el = container.querySelector(`.ffz-stat[data-key="${key}"]`);
+
+			let stat, old_color;
+
+			const label = maybe_call(def.label, this, data);
+
+			if ( ! label )
+				return destroy();
+
+			const tooltip = maybe_call(def.tooltip, this, data),
+				order = maybe_call(def.order, this, data),
+				color = maybe_call(def.color, this, data);
+
+			if ( ! el ) {
+				let icon = maybe_call(def.icon, this, data);
+				if ( typeof icon === 'string' )
+					icon = e('span', 'tw-stat__icon', e('figure', icon));
+
+				el = e('div', {
+					className: 'ffz-stat tw-stat',
+					'data-key': key,
+					tip_content: tooltip
+				}, [
+					icon,
+					stat = e('span', 'tw-stat__value')
+				]);
+
+				el._ffz_order = order;
+
+				if ( order != null )
+					el.style.order = order;
+
+				container.appendChild(el);
+
+				if ( def.tooltip )
+					el.tooltip = new Tooltip(container, el, {
+						live: false,
+						html: true,
+						content: () => el.tip_content,
+						onShow: (t, tip) => el.tip = tip,
+						onHide: () => el.tip = null
+					});
+
+			} else {
+				stat = el.querySelector('.tw-stat__value');
+				old_color = el.dataset.color || '';
+
+				if ( el._ffz_order !== order )
+					el.style.order = el._ffz_order = order;
+
+				if ( el.tip_content !== tooltip ) {
+					el.tip_content = tooltip;
+					if ( el.tip )
+						el.tip.element.innerHTML = tooltip;
+				}
+			}
+
+			if ( old_color !== color )
+				el.dataset.color = el.style.color = color;
+
+			stat.innerHTML = label;
+
+			if ( def.disabled !== undefined )
+				el.disabled = maybe_call(def.disabled, this, data);
+
+		} catch(err) {
+			this.log.error(`Error rendering metadata for ${key}`, err);
+			return destroy();
+		}
+	}
+}
\ No newline at end of file
diff --git a/src/modules/tooltips.js b/src/modules/tooltips.js
new file mode 100644
index 00000000..21a55554
--- /dev/null
+++ b/src/modules/tooltips.js
@@ -0,0 +1,93 @@
+'use strict';
+
+// ============================================================================
+// Tooltip Handling
+// ============================================================================
+
+import {createElement as e} from 'utilities/dom';
+
+import Tooltip from 'utilities/tooltip';
+import Module from 'utilities/module';
+
+export default class TooltipProvider extends Module {
+	constructor(...args) {
+		super(...args);
+		this.types = {};
+
+		this.should_enable = true;
+
+		this.inject('i18n');
+		this.inject('chat');
+
+		this.types.json = target => {
+			const title = target.dataset.title;
+			return [
+				title && e('strong', null, title),
+				e('code', {
+					className: `block${title ? ' pd-t-05 border-t mg-t-05' : ''}`,
+					style: {
+						fontFamily: 'monospace',
+						textAlign: 'left'
+					}
+				}, target.dataset.data)
+			]
+		}
+
+		this.types.badge = (target, tip) => {
+			const container = target.parentElement.parentElement,
+
+				badge = target.dataset.badge,
+				version = target.dataset.version,
+				room = container.dataset.roomId,
+
+				data = this.chat.getBadge(badge, version, room);
+
+			if ( ! data )
+				return;
+
+			return [
+				this.chat.context.get('tooltip.badge-images') && e('img', {
+					className: 'preview-image',
+					src: data.image4x,
+
+					style: {
+						height: '72px'
+					},
+
+					onLoad: tip.update
+				}),
+
+				data.title
+			]
+		};
+	}
+
+	onEnable() {
+		this.tips = new Tooltip('[data-reactroot]', 'ffz-tooltip', {
+			html: true,
+			content: this.process.bind(this),
+			popper: {
+				placement: 'top'
+			}
+		});
+	}
+
+	process(target, tip) { //eslint-disable-line class-methods-use-this
+		const type = target.dataset.tooltipType,
+			handler = this.types[type];
+
+		if ( ! handler )
+			return [
+				e('strong', null, 'Unhandled Tooltip Type'),
+				e('code', {
+					className: 'block pd-t-05 border-t mg-t-05',
+					style: {
+						fontFamily: 'monospace',
+						textAlign: 'left'
+					}
+				}, JSON.stringify(target.dataset, null, 4))
+			];
+
+		return handler(target, tip);
+	}
+}
\ No newline at end of file
diff --git a/src/modules/translation_ui/components.js b/src/modules/translation_ui/components.js
new file mode 100644
index 00000000..19e6ee85
--- /dev/null
+++ b/src/modules/translation_ui/components.js
@@ -0,0 +1,3 @@
+'use strict';
+
+export default require.context('./components', false, /\.vue$/);
\ No newline at end of file
diff --git a/src/modules/translation_ui/nondex.js b/src/modules/translation_ui/nondex.js
new file mode 100644
index 00000000..741c2f11
--- /dev/null
+++ b/src/modules/translation_ui/nondex.js
@@ -0,0 +1,42 @@
+'use strict';
+
+// ============================================================================
+// Translation UI
+// ============================================================================
+
+import Module from 'utilities/module';
+import {createElement as e} from 'utilities/dom';
+
+export default class TranslationUI extends Module {
+	constructor(...args) {
+		super(...args);
+
+		this.inject('settings');
+		this.inject('site');
+		this.inject('vue');
+
+		//this.should_enable = true;
+
+		this._dialog = null;
+		this._visible = true;
+	}
+
+	async onLoad() {
+		this.vue.component(
+			(await import(/* webpackChunkName: "translation-ui" */ './components.js')).default
+		);
+	}
+
+	async onEnable(event) {
+		await this.site.awaitElement('.twilight-root');
+		this.ps = this.site.web_munch.getModule('ps');
+	}
+
+	onDisable() {
+		if ( this._visible ) {
+			this.toggleVisible();
+			this._visible = true;
+		}
+	}
+
+}
\ No newline at end of file
diff --git a/src/settings.js b/src/settings.js
deleted file mode 100644
index b875af3e..00000000
--- a/src/settings.js
+++ /dev/null
@@ -1,870 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	constants = require("./constants"),
-	utils = require("./utils"),
-	FileSaver = require("./FileSaver"),
-
-	createElement = document.createElement.bind(document),
-
-	make_ls = function(key) {
-		return "ffz_setting_" + key;
-	},
-
-	favorite_setting = function(swit, key, info) {
-		var ind = this.settings.favorite_settings.indexOf(key);
-
-		if ( ind === -1 ) {
-			this.settings.favorite_settings.push(key);
-			swit.setAttribute('original-title', 'Unfavorite this Setting');
-			swit.classList.add('active');
-		} else {
-			this.settings.favorite_settings.splice(ind,1);
-			swit.setAttribute('original-title', 'Favorite this Setting');
-			swit.classList.remove('active');
-		}
-
-		jQuery(swit).trigger('mouseout').trigger('mouseover');
-		this.settings.set('favorite_settings', this.settings.favorite_settings);
-	},
-
-	toggle_setting = function(swit, key, info) {
-		var val = !(info.get ? (typeof info.get === 'function' ? info.get.call(this) : this.settings.get(info.get)) : this.settings.get(key));
-		if ( typeof info.set === "function" )
-			info.set.call(this, val);
-		else
-			this.settings.set(info.set || key, val);
-
-		swit.classList.toggle('active', val);
-	},
-
-	option_setting = function(select, key, info) {
-		var val = JSON.parse(select.options[select.selectedIndex].value);
-		if ( typeof info.set === "function" )
-			info.set.call(this, val);
-		else
-			this.settings.set(info.set || key, val);
-	};
-
-
-// --------------------
-// Initializer
-// --------------------
-
-FFZ.settings_info = {
-	advanced_settings: { value: false, visible: false }
-};
-
-FFZ.basic_settings = {};
-
-FFZ.prototype.load_settings = function() {
-	this.log("Loading settings.");
-
-	// Build a settings object.
-	this.settings = {};
-
-	// Helpers
-	this.settings.get = this._setting_get.bind(this);
-	this.settings.set = this._setting_set.bind(this);
-	this.settings.del = this._setting_del.bind(this);
-	this.settings.load = this._setting_load.bind(this);
-
-	this.settings.get_twitch = this._setting_get_twitch.bind(this);
-
-	for(var key in FFZ.settings_info) {
-		if ( ! FFZ.settings_info.hasOwnProperty(key) )
-			continue;
-
-		var info = FFZ.settings_info[key],
-			ls_key = info && info.storage_key || make_ls(key);
-
-		this._setting_load(key);
-	}
-
-	// Listen for Changes
-	window.addEventListener("storage", this._setting_update.bind(this), false);
-}
-
-
-// --------------------
-// Backup and Restore
-// --------------------
-
-FFZ.prototype.reset_settings = function() {
-	if ( ! confirm(this.tr('Are you sure you wish to reset FrankerFaceZ?\n\nThis will force the tab to refresh.')) )
-		return;
-
-	// Clear Settings
-	for(var key in FFZ.settings_info) {
-		if ( ! FFZ.settings_info.hasOwnProperty(key) )
-			continue;
-
-		this.settings.del(key);
-	}
-
-	// Clear Aliases
-	this.aliases = {};
-	localStorage.ffz_aliases = '{}';
-
-	// TODO: Filters
-
-	// Refresh
-	window.location.reload();
-}
-
-
-FFZ.prototype._get_settings_object = function(skip_default) {
-	var data = {
-			version: 1,
-			script_version: FFZ.version_info + '',
-			aliases: this.aliases,
-			filters: this.filters,
-			settings: {}
-			};
-
-	for(var key in FFZ.settings_info) {
-		if ( ! FFZ.settings_info.hasOwnProperty(key) )
-			continue;
-
-		var info = FFZ.settings_info[key],
-			ls_key = info.storage_key || make_ls(key),
-			stored_val = localStorage.getItem(ls_key);
-
-		if ( (stored_val !== null) && (!skip_default || this.settings[key] !== info.value) )
-			data.settings[key] = this.settings[key];
-	}
-
-	return data;
-}
-
-
-FFZ.prototype.save_settings_file = function() {
-	var data = this._get_settings_object(),
-		blob = new Blob(
-			[JSON.stringify(data, null, 4)], {type: "application/json;charset=utf-8"});
-
-	FileSaver.saveAs(blob, "ffz-settings.json");
-}
-
-
-FFZ.prototype.load_settings_file = function(file) {
-	if ( typeof file === "string" )
-		this._load_settings_file(file);
-	else {
-		var reader = new FileReader(),
-			f = this;
-
-		reader.onload = function(e) { f._load_settings_file(e.target.result); }
-		reader.readAsText(file);
-	}
-}
-
-FFZ.prototype._load_settings_file = function(data, hide_alert) {
-	if ( typeof data === "string" )
-		try {
-			data = JSON.parse(data);
-		} catch(err) {
-			this.error("Error Loading Settings: " + err);
-			if ( ! hide_alert )
-				alert("There was an error attempting to read the provided settings data.");
-			return [-1,-1,-1];
-		}
-
-	this.log("Loading Settings Data", data);
-
-	var skipped = [], applied = [],
-		aliases = 0;
-
-	if ( data.settings ) {
-		for(var key in data.settings) {
-			if ( ! FFZ.settings_info.hasOwnProperty(key) ) {
-				skipped.push(key);
-				continue;
-			}
-
-			var info = FFZ.settings_info[key],
-				val = data.settings[key];
-
-			if ( info.process_value )
-				val = info.process_value.call(this, val);
-
-			if ( val !== this.settings.get(key) )
-				this.settings.set(key, val);
-
-			applied.push(key);
-		}
-	}
-
-	if ( data.aliases ) {
-		for(var key in data.aliases) {
-			if ( this.aliases[key] === data.aliases[key] )
-				continue;
-
-			this.aliases[key] = data.aliases[key];
-			aliases++;
-		}
-
-		if ( aliases )
-			localStorage.ffz_aliases = JSON.stringify(this.aliases);
-	}
-
-	if ( data.filters ) {
-		// TODO: Load filters!
-	}
-
-	// Do this in a timeout so that any styles have a moment to update.
-	if ( ! hide_alert )
-		setTimeout(function(){
-			alert('Successfully loaded ' + applied.length + ' settings and skipped ' + skipped.length + ' settings. Added ' + aliases + ' user nicknames.');
-		});
-
-	return [applied.length, skipped.length, aliases];
-}
-
-
-// --------------------
-// Menu Page
-// --------------------
-
-var is_android = navigator.userAgent.indexOf('Android') !== -1,
-	settings_renderer = function(settings_data, collapsable, collapsed_key, show_pin) {
-		return function(view, container) {
-			var f = this,
-				settings = {},
-				categories = [];
-
-			// Searching!
-			if ( show_pin ) {
-				var search_cont = utils.createElement('div', 'ffz-filter-container'),
-					search_input = utils.createElement('input', 'emoticon-selector__filter-input form__input js-filter-input text text--full-width'),
-					filtered_cont = utils.createElement('div', 'ffz-filter-children ffz-ui-sub-menu-page');
-
-				search_input.placeholder = 'Search for Settings';
-				search_input.type = 'text';
-
-				filtered_cont.style.maxHeight = (parseInt(container.style.maxHeight) - 53) + 'px';
-
-				search_cont.appendChild(search_input);
-				container.appendChild(filtered_cont);
-				container.appendChild(search_cont);
-
-				container = filtered_cont;
-
-				search_input.addEventListener('input', function(e) {
-					var filter = search_input.value || '',
-						groups = filtered_cont.querySelectorAll('.chat-menu-content');
-
-					filter = filter.toLowerCase();
-
-					for(var i=0; i < groups.length; i++) {
-						var el = groups[i],
-							settings = el.querySelectorAll('.ffz-setting'),
-							hidden = true;
-
-						for(var j=0; j < settings.length; j++) {
-							var se = settings[j],
-								shidden = filter.length && se.getAttribute('data-filter').indexOf(filter) === -1;
-
-							se.classList.toggle('hidden', shidden);
-							hidden = hidden && shidden;
-						}
-
-						var incompat = el.querySelector('.bttv-incompatibility'),
-							settings = incompat && incompat.querySelectorAll('b'),
-							incompat_hidden = true;
-
-						if ( incompat ) {
-							for(var j=0; j < settings.length; j++) {
-								var se = settings[j],
-									shidden = filter.length && se.getAttribute('data-filter').indexOf(filter) === -1;
-
-								se.classList.toggle('hidden', shidden);
-								incompat_hidden = incompat_hidden && shidden;
-							}
-
-							incompat.classList.toggle('hidden', incompat_hidden);
-							hidden = hidden && incompat_hidden;
-						}
-
-						el.classList.toggle('collapsable', ! filter.length);
-						el.classList.toggle('hidden', hidden);
-					}
-				});
-			}
-
-			for(var key in settings_data) {
-				var info = settings_data[key],
-					cat = info.category || "Miscellaneous",
-					cat_store = settings[cat];
-
-				if ( info.hasOwnProperty('visible') ) {
-					var visible = info.visible;
-					if ( typeof visible === "function" )
-						visible = visible.call(this);
-
-					if ( ! visible )
-						continue;
-				}
-
-				if ( is_android && info.no_mobile )
-					continue;
-
-				if ( ! cat_store ) {
-					categories.push(cat);
-					cat_store = settings[cat] = [];
-				}
-
-				cat_store.push([key, info]);
-			}
-
-			categories.sort(function(a,b) {
-				var a = a.toLowerCase(),
-					b = b.toLowerCase();
-
-				if ( a === "debugging" )
-					a = "zzz" + a;
-
-				if ( b === "debugging" )
-					b = "zzz" + b;
-
-				if ( a < b ) return -1;
-				else if ( a > b ) return 1;
-				return 0;
-			});
-
-			var current_category = collapsed_key ? this[collapsed_key] || true : categories[0];
-
-			for(var ci=0; ci < categories.length; ci++) {
-				var category = categories[ci],
-					cset = settings[category],
-
-					bttv_skipped = [],
-					added = 0,
-
-					menu = createElement('div'),
-					heading = createElement('div');
-
-
-				heading.className = 'heading';
-				menu.className = 'chat-menu-content';
-				menu.setAttribute('data-category', category);
-
-				if ( collapsable ) {
-					menu.classList.add('collapsable');
-					menu.classList.toggle('collapsed', current_category !== category);
-					menu.addEventListener('click', function(e) {
-						var t = this;
-						if ( ! t.classList.contains('collapsable') )
-							return;
-
-						else if ( ! t.classList.contains('collapsed') ) {
-							if ( e.target.classList.contains('heading') ) {
-								t.classList.add('collapsed');
-								if ( collapsed_key )
-									f[collapsed_key] = true;
-							} else
-								return;
-
-						} else {
-							jQuery(".chat-menu-content:not(.collapsed)", container).addClass("collapsed");
-							t.classList.remove('collapsed');
-							if ( collapsed_key )
-								f[collapsed_key] = t.getAttribute('data-category');
-						}
-
-						setTimeout(function(){t.scrollIntoViewIfNeeded()});
-					});
-				}
-
-				heading.innerHTML = category;
-				menu.appendChild(heading);
-
-				cset.sort(function(a,b) {
-					var a = a[1],
-						b = b[1],
-
-						at = 2, //a.type === "boolean" ? 1 : 2,
-						bt = 2, //b.type === "boolean" ? 1 : 2,
-
-						an = a.name.toLowerCase(),
-						bn = b.name.toLowerCase();
-
-					if ( at < bt ) return -1;
-					else if ( at > bt ) return 1;
-
-					else if ( an < bn ) return -1;
-					else if ( an > bn ) return 1;
-
-					return 0;
-				});
-
-				for(var i=0; i < cset.length; i++) {
-					var key = cset[i][0],
-						info = cset[i][1],
-
-						el = createElement('p'),
-						pin_btn = createElement('a'),
-						val = info.get ? (typeof info.get === 'function' ? info.get.call(this) : this.settings.get(info.get)) : this.settings.get(key);
-
-					el.className = 'ffz-setting clearfix';
-
-					if ( (info.no_bttv === 6 && this.has_bttv_6) ||
-						 (info.no_bttv === 7 && this.has_bttv_7) ||
-						 (info.no_bttv === true && this.has_bttv) ) {
-						bttv_skipped.push([info.name, info.help]);
-						continue;
-					} else if ( (info.require_bttv === 6 && ! this.has_bttv_6) ||
-								(info.require_bttv === 7 && ! this.has_bttv_7) ||
-								(info.require_bttv === true && ! this.has_bttv) ) {
-						continue;
-					} else {
-						if ( show_pin ) {
-							var faved = this.settings.favorite_settings.indexOf(key) !== -1;
-							pin_btn.className = 'pin-switch html-tooltip';
-							pin_btn.classList.toggle('active', faved);
-							pin_btn.addEventListener('click', favorite_setting.bind(this, pin_btn, key, info));
-							pin_btn.title = (faved ? 'Unf' : 'F') + 'avorite this Setting';
-							pin_btn.innerHTML = constants.STAR;
-						}
-
-						if ( info.type === "boolean" ) {
-							var swit = createElement('a'),
-								label = createElement('span');
-
-							swit.className = 'switch';
-							swit.classList.toggle('active', val);
-							swit.appendChild(createElement('span'))
-
-							label.className = 'switch-label';
-							label.innerHTML = info.name;
-
-							el.appendChild(swit);
-							if ( show_pin )
-								el.appendChild(pin_btn);
-							el.appendChild(label);
-
-							swit.addEventListener('click', toggle_setting.bind(this, swit, key, info))
-
-						} else if ( info.type === "select" ) {
-							var select = createElement('select'),
-								label = createElement('span');
-
-							label.className = 'option-label';
-							label.innerHTML = info.name;
-
-							var op_list = [];
-
-							for(var ok in info.options) {
-								var op = createElement('option'),
-									desc = info.options[ok],
-									sort_key = 0;
-
-								op.value = JSON.stringify(ok);
-								if ( val == ok )
-									op.setAttribute('selected', true);
-
-								if ( typeof desc === "object" ) {
-									op.innerHTML = desc[0];
-									sort_key = desc[1];
-								} else
-									op.innerHTML = desc;
-
-								op_list.push([sort_key, op]);
-							}
-
-							op_list.sort(function(a,b) {return a[0] - b[0]});
-
-							for(var op_i=0; op_i < op_list.length; op_i++)
-								select.appendChild(op_list[op_i][1]);
-
-							select.addEventListener('change', option_setting.bind(this, select, key, info));
-
-							if ( show_pin )
-								el.appendChild(pin_btn);
-							el.appendChild(label);
-							el.appendChild(select);
-
-						} else if ( typeof info.method === "function" ) {
-							el.classList.add("option");
-							var link = createElement('a');
-							link.innerHTML = info.name;
-							link.href = '#';
-
-							if ( show_pin )
-								el.appendChild(pin_btn);
-							el.appendChild(link);
-
-							link.addEventListener('click', info.method.bind(this));
-
-						} else
-							continue;
-
-						if ( info.help || info.experiment_warn || (this.has_bttv && info.warn_bttv) ) {
-							var help = document.createElement('span');
-							help.className = 'help';
-							var parts = [];
-							if ( info.experiment_warn )
-								parts.push('<b>Note:</b> This affects an active Twitch experiment. Give feedback at: <a href="mailto:feedback@twitch.tv">feedback@twitch.tv</a>');
-
-							if ( this.has_bttv && info.warn_bttv )
-								parts.push('<i>' + info.warn_bttv + '</i>');
-
-							if ( info.help )
-								parts.push(info.help);
-
-							help.innerHTML = parts.join('<br>');
-							el.appendChild(help);
-						}
-					}
-
-					// Search by any of the present text.
-					el.setAttribute('data-filter', el.textContent.toLowerCase());
-
-					added++;
-					menu.appendChild(el);
-				}
-
-				if ( ! added )
-					continue;
-
-				if ( bttv_skipped.length ) {
-					var el = createElement('p'),
-						label = createElement('span'),
-						help = createElement('span');
-
-					el.className = 'bttv-incompatibility clearfix disabled';
-					label.className = 'switch-label';
-					label.innerHTML = "Features Incompatible with BetterTTV";
-
-					help.className = 'help';
-					for(var i=0; i < bttv_skipped.length; i++) {
-						var skipped = bttv_skipped[i],
-							filter_text = skipped[0].toLowerCase() + (skipped[1] ? ' ' + skipped[1].toLowerCase() : '');
-						help.innerHTML += '<b data-filter="' + utils.quote_attr(filter_text) + '"' + (skipped[1] ? ' class="html-tooltip" title="' + utils.quote_attr(skipped[1]) + '"' : '') + '>' + skipped[0] + '</b>';
-					}
-
-					el.appendChild(label);
-					el.appendChild(help);
-					menu.appendChild(el);
-				}
-
-				container.appendChild(menu);
-			}
-		}
-	},
-
-	render_basic = settings_renderer(FFZ.basic_settings, false, '_ffz_basic_settings_page'),
-	render_advanced = settings_renderer(FFZ.settings_info, true, '_ffz_settings_page', true);
-
-
-FFZ.settings_info.favorite_settings = {
-	value: [],
-	hidden: true
-}
-
-
-FFZ.menu_pages.settings = {
-	name: "Settings",
-	icon: constants.GEAR,
-	sort_order: 99999,
-	wide: true,
-
-	default_page: function() { return this.settings.favorite_settings.length ? "favorites" : this.settings.advanced_settings ? 'advanced' : 'basic' },
-
-	pages: {
-		favorites: {
-			name: "Favorites",
-			sort_order: 1,
-
-			render: function(view, container) {
-				var favorites = this.settings.favorite_settings,
-					count = 0;
-
-				if ( ! this.has_bttv )
-					count = favorites.length;
-				else
-					for(var i=0; i < favorites.length; i++)
-						if ( FFZ.settings_info[favorites[i]] && ! FFZ.settings_info[favorites[i]].no_bttv )
-							count++;
-
-				if ( ! count ) {
-					var el = utils.createElement('div');
-					el.className = 'emoticon-grid ffz-no-emotes center';
-					el.innerHTML = "You have no favorite settings.<br>" +
-						'<img src=\"//cdn.frankerfacez.com/emoticon/26608/2\"><br>' +
-						'To make a setting a favorite, find it on the <nobr>Advanced</nobr> tab and click the star icon to the right.';
-
-					container.appendChild(el);
-					return;
-				}
-
-				var favorite_settings = {};
-				for(var i=0, l = favorites.length; i < l; i++) {
-					var key = favorites[i],
-						val = FFZ.settings_info[key];
-
-					if ( val )
-						favorite_settings[key] = val;
-				}
-
-				return settings_renderer(favorite_settings, false, '_ffz_favorite_settings_page').call(this, view, container);
-			}
-		},
-
-		basic: {
-			name: "Basic",
-			sort_order: 2,
-
-			render: function(view, container) {
-				this.settings.set("advanced_settings", false);
-				return render_basic.call(this, view, container);
-			}
-		},
-
-		advanced: {
-			name: "Advanced",
-			sort_order: 3,
-
-			render: function(view, container) {
-				this.settings.set("advanced_settings", true);
-				return render_advanced.call(this, view, container);
-			}
-		},
-
-		backup: {
-			name: "Backup & Restore",
-			sort_order: 4,
-
-			render: function(view, container) {
-				var backup_head = createElement('div'),
-					restore_head = createElement('div'),
-					reset_head = createElement('div'),
-
-					backup_cont = createElement('div'),
-					restore_cont = createElement('div'),
-					reset_cont = createElement('div'),
-
-					backup_para = createElement('p'),
-					backup_link = createElement('a'),
-					backup_help = createElement('span'),
-
-					restore_para = createElement('p'),
-					restore_input = createElement('input'),
-					restore_link = createElement('a'),
-					restore_help = createElement('span'),
-
-					reset_para = createElement('p'),
-					reset_link = createElement('a'),
-					reset_help = createElement('span'),
-					f = this;
-
-
-				backup_cont.className = 'chat-menu-content';
-				backup_head.className = 'heading';
-				backup_head.innerHTML = 'Backup Settings';
-				backup_cont.appendChild(backup_head);
-
-				backup_para.className = 'clearfix option';
-
-				backup_link.href = '#';
-				backup_link.innerHTML = 'Save to File';
-				backup_link.addEventListener('click', this.save_settings_file.bind(this));
-
-				backup_help.className = 'help';
-				backup_help.innerHTML = 'This generates a JSON file containing all of your settings and prompts you to save it.';
-
-				backup_para.appendChild(backup_link);
-				backup_para.appendChild(backup_help);
-				backup_cont.appendChild(backup_para);
-
-				restore_cont.className = 'chat-menu-content';
-				restore_head.className = 'heading';
-				restore_head.innerHTML = 'Restore Settings';
-				restore_cont.appendChild(restore_head);
-
-				restore_para.className = 'clearfix option';
-
-				restore_input.type = 'file';
-				restore_input.addEventListener('change', function() { f.load_settings_file(this.files[0]); })
-
-				restore_link.href = '#';
-				restore_link.innerHTML = 'Restore from File';
-				restore_link.addEventListener('click', function(e) { e.preventDefault(); restore_input.click(); });
-
-				restore_help.className = 'help';
-				restore_help.innerHTML = 'This loads settings from a previously generated JSON file.';
-
-				restore_para.appendChild(restore_link);
-				restore_para.appendChild(restore_help);
-				restore_cont.appendChild(restore_para);
-
-				reset_cont.className = 'chat-menu-content';
-				reset_head.className = 'heading';
-				reset_head.innerHTML = this.tr('Reset Settings');
-				reset_cont.appendChild(reset_head);
-
-				reset_para.className = 'clearfix option';
-
-				reset_link.href = '#';
-				reset_link.innerHTML = this.tr('Reset FrankerFaceZ');
-				reset_link.addEventListener('click', this.reset_settings.bind(this));
-
-				reset_help.className = 'help';
-				reset_help.innerHTML = this.tr('This resets all of your FFZ data. That includes chat filters, nicknames for users, and settings.');
-
-				reset_para.appendChild(reset_link);
-				reset_para.appendChild(reset_help);
-				reset_cont.appendChild(reset_para);
-
-				container.appendChild(backup_cont);
-				container.appendChild(restore_cont);
-				container.appendChild(reset_cont);
-			}
-		}
-	}
-};
-
-
-// --------------------
-// Tracking Updates
-// --------------------
-
-FFZ.prototype._setting_update = function(e) {
-	if ( ! e )
-		e = window.event;
-
-	if ( ! e.key || e.key.substr(0, 12) !== "ffz_setting_" )
-		return;
-
-	var ls_key = e.key,
-		key = ls_key.substr(12),
-		val = undefined,
-		info = FFZ.settings_info[key];
-
-	if ( ! info ) {
-		// Try iterating to find the key.
-		for(key in FFZ.settings_info) {
-			if ( ! FFZ.settings_info.hasOwnProperty(key) )
-				continue;
-
-			info = FFZ.settings_info[key];
-			if ( info.storage_key == ls_key )
-				break;
-		}
-
-		// Not us.
-		if ( info.storage_key != ls_key )
-			return;
-	}
-
-	this.log("Updated Setting: " + key);
-
-	try {
-		val = JSON.parse(e.newValue);
-	} catch(err) {
-		this.log('Error loading new value for "' + key + '": ' + err);
-		val = info.value || undefined;
-	}
-
-	if ( info.process_value )
-		try {
-			val = info.process_value.call(this, val);
-		} catch(err) {
-			this.log('Error processing value for setting "' + key + '": ' + err);
-			return;
-		}
-
-	this.settings[key] = val;
-	if ( info.on_update )
-		try {
-			info.on_update.call(this, val, false);
-		} catch(err) {
-			this.log('Error running updater for setting "' + key + '": ' + err);
-		}
-}
-
-
-
-// --------------------
-// Settings Access
-// --------------------
-
-FFZ.prototype._setting_load = function(key, default_value) {
-	var info = FFZ.settings_info[key],
-		ls_key = info && info.storage_key || make_ls(key),
-		val = default_value || (info && info.hasOwnProperty("value") ? info.value : undefined);
-
-	var stored_val = localStorage.getItem(ls_key);
-	if ( stored_val !== null )
-		try {
-			val = JSON.parse(stored_val);
-		} catch(err) {
-			this.log('Error parsing value for "' + key + '": ' + err);
-		}
-
-	if ( info && info.process_value )
-		val = info.process_value.call(this, val);
-
-	this.settings[key] = val;
-	return val;
-}
-
-
-FFZ.prototype._setting_get = function(key) {
-	if ( ! this.settings.hasOwnProperty(key) && FFZ.settings_info[key] )
-		this._setting_load(key);
-
-	return this.settings[key];
-}
-
-FFZ.prototype._setting_get_twitch = function(key) {
-	var Settings = utils.ember_settings();
-	return Settings && Settings.get(key);
-}
-
-
-FFZ.prototype._setting_set = function(key, val, suppress_log) {
-	var info = FFZ.settings_info[key],
-		ls_key = info.storage_key || make_ls(key);
-
-	if ( info.process_value )
-		try {
-			val = info.process_value.call(this, val)
-		} catch(err) {
-			this.log('Error processing value for setting "' + key + '": ' + err);
-			return false;
-		}
-
-	this.settings[key] = val;
-
-	var jval = JSON.stringify(val);
-	localStorage.setItem(ls_key, jval);
-
-	if ( ! suppress_log )
-		this.log('Changed Setting "' + key + '" to: ' + jval);
-
-	if ( info.on_update )
-		try {
-			info.on_update.call(this, val, true);
-		} catch(err) {
-			this.log('Error running updater for setting "' + key + '": ' + err);
-		}
-}
-
-
-FFZ.prototype._setting_del = function(key) {
-	var info = FFZ.settings_info[key],
-		ls_key = info.storage_key || make_ls(key),
-		val = undefined;
-
-	localStorage.removeItem(ls_key);
-	if ( info )
-		val = this.settings[key] = info.hasOwnProperty("value") ? info.value : undefined;
-
-	this.settings[key] = val;
-
-	if ( info.on_update )
-		try {
-			info.on_update.call(this, val, true);
-		} catch(err) {
-			this.log('Error running updater for setting "' + key + '": ' + err);
-		}
-}
\ No newline at end of file
diff --git a/src/settings/context.js b/src/settings/context.js
new file mode 100644
index 00000000..17337f44
--- /dev/null
+++ b/src/settings/context.js
@@ -0,0 +1,287 @@
+'use strict';
+
+// ============================================================================
+// Settings Contexts
+// ============================================================================
+
+import {EventEmitter} from 'utilities/events';
+import {has, get as getter, array_equals} from 'utilities/object';
+
+
+/**
+ * The SettingsContext class provides a context through which to read
+ * settings values in addition to emitting events when settings values
+ * are changed.
+ * @extends EventEmitter
+ */
+export default class SettingsContext extends EventEmitter {
+	constructor(manager, context) {
+		super();
+
+		if ( manager instanceof SettingsContext ) {
+			this.parent = manager;
+			this.manager = manager.manager;
+
+			this.parent.on('context_changed', this._rebuildContext, this);
+
+		} else {
+			this.parent = null;
+			this.manager = manager;
+		}
+
+		this.manager.__contexts.push(this);
+		this._context = context || {};
+
+		this.__cache = new Map;
+		this.__meta = new Map;
+		this.__profiles = [];
+		this.order = [];
+
+		this._rebuildContext();
+	}
+
+	destroy() {
+		if ( this.parent )
+			this.parent.off('context_changed', this._rebuildContext, this);
+
+		for(const profile of this.__profiles)
+			profile.off('changed', this._onChanged, this);
+
+		const contexts = this.manager.__contexts,
+			idx = contexts.indexOf(this);
+
+		if ( idx !== -1 )
+			contexts.splice(idx, 1);
+	}
+
+
+	// ========================================================================
+	// State Construction
+	// ========================================================================
+
+	_rebuildContext() {
+		this.__context = this.parent ?
+			Object.assign({}, this.parent._context, this._context) :
+			this._context;
+
+		// Make sure we re-build the cache. Dependency hell.
+		if ( ! this.selectProfiles() )
+			this.rebuildCache();
+
+		this.emit('context_changed');
+	}
+
+
+	selectProfiles() {
+		const new_profiles = [],
+			order = this.order = [];
+		for(const profile of this.manager.__profiles)
+			if ( profile.matches(this.__context) ) {
+				new_profiles.push(profile);
+				order.push(profile.id);
+			}
+
+		if ( array_equals(this.__profiles, new_profiles) )
+			return false;
+
+		const changed_ids = new Set;
+
+		for(const profile of this.__profiles)
+			if ( ! new_profiles.includes(profile) ) {
+				profile.off('changed', this._onChanged, this);
+				changed_ids.add(profile.id);
+			}
+
+		for(const profile of new_profiles)
+			if ( ! this.__profiles.includes(profile) ) {
+				profile.on('changed', this._onChanged, this);
+				changed_ids.add(profile.id);
+			}
+
+		this.__profiles = new_profiles;
+		this.emit('profiles_changed');
+		this.rebuildCache(changed_ids);
+		return true;
+	}
+
+
+	rebuildCache() {
+		const old_cache = this.__cache,
+			old_meta = this.__meta,
+			meta = this.__meta = new Map;
+
+		this.__cache = new Map;
+
+		// TODO: Limit the values we recalculate to ones affected by the change
+		// that happened to the profiles. This is harder because of setting
+		// dependencies.
+
+		for(const [key, old_value] of old_cache) {
+			const new_value = this.get(key),
+				new_m = meta.get(key),
+				old_m = old_meta.get(key),
+				new_uses = new_m ? new_m.uses : null,
+				old_uses = old_m ? old_m.uses : null;
+
+			if ( new_value !== old_value ) {
+				this.emit('changed', key, new_value, old_value);
+				this.emit(`changed:${key}`, new_value, old_value);
+			}
+
+			if ( new_uses !== old_uses ) {
+				this.emit('uses_changed', key, new_uses, old_uses);
+				this.emit(`uses_changed:${key}`, new_uses, old_uses);
+			}
+		}
+	}
+
+
+	// ========================================================================
+	// Context Control
+	// ========================================================================
+
+	context(context) {
+		return new SettingsContext(this, context);
+	}
+
+
+	updateContext(context) {
+		let changed = false;
+
+		for(const key in context)
+			if ( has(context, key) && context[key] !== this._context[key] ) {
+				this._context[key] = context[key];
+				changed = true;
+			}
+
+		if ( changed )
+			this._rebuildContext();
+	}
+
+
+	setContext(context) {
+		this._context = context;
+		this._rebuildContext();
+	}
+
+
+	// ========================================================================
+	// Data Access
+	// ========================================================================
+
+	_onChanged(key) {
+		this._update(key, key, []);
+	}
+
+	_update(key, initial, visited) {
+		if ( ! this.__cache.has(key) )
+			return;
+
+		else if ( visited.includes(key) )
+			throw new Error(`cyclic dependent chain when updating setting "${initial}"`);
+
+		visited.push(key);
+
+		const old_value = this.__cache.get(key),
+			old_meta = this.__meta.get(key),
+			new_value = this._get(key, key, []),
+			new_meta = this.__meta.get(key),
+
+			old_uses = old_meta ? old_meta.uses : null,
+			new_uses = new_meta ? new_meta.uses : null;
+
+		if ( old_uses !== new_uses ) {
+			this.emit('uses_changed', key, new_uses, old_uses);
+			this.emit(`uses_changed:${key}`, new_uses, old_uses);
+		}
+
+		if ( old_value === new_value )
+			return;
+
+		this.emit('changed', key, new_value, old_value);
+		this.emit(`changed:${key}`, new_value, old_value);
+
+		const definition = this.manager.definitions.get(key);
+		if ( definition && definition.required_by )
+			for(const req_key of definition.required_by)
+				if ( ! req_key.startsWith('context.') )
+					this._update(req_key, initial, Array.from(visited));
+	}
+
+
+	_get(key, initial, visited) {
+		if ( visited.includes(key) )
+			throw new Error(`cyclic dependency when resolving setting "${initial}"`);
+
+		visited.push(key);
+
+		const definition = this.manager.definitions.get(key),
+			raw_value = this._getRaw(key),
+			meta = {
+				uses: raw_value ? raw_value[1].id : null
+			};
+
+		let value = raw_value ? raw_value[0] : undefined;
+
+		if ( definition ) {
+			if ( Array.isArray(definition) )
+				throw new Error(`non-existent setting "${key}" required when resolving setting "${initial}"`);
+
+			if ( meta.uses === null ) {
+				const def_default = definition.default;
+				if ( typeof def_default === 'function' )
+					value = def_default(this);
+				else
+					value = def_default;
+			}
+
+			if ( definition.requires )
+				for(const req_key of definition.requires)
+					if ( ! req_key.startsWith('context.') && ! this.__cache.has(req_key) )
+						this._get(req_key, initial, Array.from(visited));
+
+			if ( definition.process )
+				value = definition.process(this, value, meta);
+		}
+
+		this.__cache.set(key, value);
+		this.__meta.set(key, meta);
+		return value;
+	}
+
+
+	_getRaw(key) {
+		for(const profile of this.__profiles)
+			if ( profile.has(key) )
+				return [profile.get(key), profile]
+	}
+
+
+	// ========================================================================
+	// Data Access
+	// ========================================================================
+
+	update(key) {
+		this._update(key, key, []);
+	}
+
+	get(key) {
+		if ( key.startsWith('context.') )
+			return getter(key.slice(8), this.__context);
+
+		if ( this.__cache.has(key) )
+			return this.__cache.get(key);
+
+		return this._get(key, key, []);
+	}
+
+	uses(key) {
+		if ( key.startsWith('context.') )
+			return null;
+
+		if ( ! this.__meta.has(key) )
+			this._get(key, key, []);
+
+		return this.__meta.get(key).uses;
+	}
+}
\ No newline at end of file
diff --git a/src/settings/index.js b/src/settings/index.js
new file mode 100644
index 00000000..c60d0847
--- /dev/null
+++ b/src/settings/index.js
@@ -0,0 +1,452 @@
+'use strict';
+
+// ============================================================================
+// Settings System
+// ============================================================================
+
+import Module from 'utilities/module';
+import {has} from 'utilities/object';
+
+import {CloudStorageProvider, LocalStorageProvider} from './providers';
+import SettingsProfile from './profile';
+import SettingsContext from './context';
+import MigrationManager from './migration';
+
+
+// ============================================================================
+// SettingsManager
+// ============================================================================
+
+/**
+ * The SettingsManager module creates all the necessary class instances
+ * required for the settings system to operate, facilitates communication
+ * and discovery, and emits events for other modules to react to.
+ * @extends Module
+ */
+export default class SettingsManager extends Module {
+	/**
+	 * Create a SettingsManager module.
+	 */
+	constructor(...args) {
+		super(...args);
+
+		// State
+		this.__contexts = [];
+		this.__profiles = [];
+		this.__profile_ids = {};
+
+		this.ui_structures = new Map;
+		this.definitions = new Map;
+
+		// Create our provider as early as possible.
+		const provider = this.provider = this._createProvider();
+		this.log.info(`Using Provider: ${provider.constructor.name}`);
+		provider.on('changed', this._onProviderChange, this);
+
+
+		this.migrations = new MigrationManager(this);
+
+
+		// Also create the main context as early as possible.
+		this.main_context = new SettingsContext(this);
+
+		this.main_context.on('changed', (key, new_value, old_value) => {
+			this.emit(`:changed:${key}`, new_value, old_value);
+		});
+
+		this.main_context.on('uses_changed', (key, new_uses, old_uses) => {
+			this.emit(`:uses_changed:${key}`, new_uses, old_uses);
+		});
+
+
+		// Don't wait around to be required.
+		this._start_time = performance.now();
+		this.enable();
+	}
+
+	/**
+	 * Called when the SettingsManager instance should be enabled.
+	 */
+	async onEnable() {
+		// Before we do anything else, make sure the provider is ready.
+		await this.provider.awaitReady();
+
+		// Load profiles, but don't run any events because we haven't done
+		// migrations yet.
+		this.loadProfiles(true);
+
+		// Handle migrations.
+		await this.migrations.process('core');
+
+		// Now we can tell our context(s) about the profiles we have.
+		for(const context of this.__contexts)
+			context.selectProfiles();
+
+		const duration = performance.now() - this._start_time;
+		this.log.info(`Initialization complete after ${duration.toFixed(5)}ms -- Values: ${this.provider.size} -- Profiles: ${this.__profiles.length}`)
+	}
+
+
+	// ========================================================================
+	// Provider Interaction
+	// ========================================================================
+
+	/**
+	 * Evaluate the environment that FFZ is running in and then decide which
+	 * provider should be used to retrieve and store settings.
+	 */
+	_createProvider() {
+		// If the loader has reported support for cloud settings...
+		if ( document.body.classList.contains('ffz-cloud-storage') )
+			return new CloudStorageProvider(this);
+
+		// Fallback
+		return new LocalStorageProvider(this);
+	}
+
+
+	/**
+	 * React to a setting that has changed elsewhere. Generally, this is
+	 * the result of a setting being changed in another tab or, when cloud
+	 * settings are enabled, on another computer.
+	 */
+	_onProviderChange(key, new_value, deleted) {
+		// If profiles have changed, reload our profiles.
+		if ( key === 'profiles' )
+			return this.loadProfiles();
+
+
+		// If we're still here, it means an individual setting was changed.
+		// Look up the profile it belongs to and emit a changed event from
+		// that profile, thus notifying any contexts or UI instances.
+		const idx = key.indexOf(':');
+		if ( idx === -1 )
+			return;
+
+		const profile = this.__profile_ids[key.slice(0, idx)],
+			s_key = key.slice(idx + 1);
+
+		if ( profile )
+			profile.emit('changed', s_key, new_value, deleted);
+	}
+
+
+	// ========================================================================
+	// Profile Management
+	// ========================================================================
+
+	/**
+	 * Get an existing {@link SettingsProfile} instance.
+	 * @param {number} id  - The id of the profile.
+	 */
+	profile(id) {
+		return this.__profile_ids[id] || null;
+	}
+
+
+	/**
+	 * Build {@link SettingsProfile} instances for all of the profiles
+	 * defined in storage, re-using existing instances when possible.
+	 */
+	loadProfiles(suppress_events) {
+		const old_profile_ids = this.__profile_ids,
+			old_profiles = this.__profiles,
+
+			profile_ids = this.__profile_ids = {},
+			profiles = this.__profiles = [],
+
+			// Create a set of actual IDs with a map from the profiles
+			// list rather than just getting the keys from the ID map
+			// because the ID map is an object and coerces its strings
+			// to keys.
+			old_ids = new Set(old_profiles.map(x => x.id));
+
+		let changed = false,
+			moved_ids = new Set,
+			new_ids = new Set,
+			changed_ids = new Set;
+
+		const raw_profiles = this.provider.get('profiles', [
+			SettingsProfile.Moderation,
+			SettingsProfile.Default
+		]);
+
+		for(const profile_data of raw_profiles) {
+			const id = profile_data.id,
+				old_profile = old_profile_ids[id],
+				old_slot_id = parseInt(old_profiles[profiles.length] || -1, 10);
+
+			old_ids.delete(id);
+
+			if ( old_slot_id !== id ) {
+				moved_ids.add(old_slot_id);
+				moved_ids.add(id);
+			}
+
+			// TODO: Better method for checking if the profile data has changed.
+			if ( old_profile && JSON.stringify(old_profile.data) === JSON.stringify(profile_data) ) {
+				// Did the order change?
+				if ( old_profiles[profiles.length] !== old_profile )
+					changed = true;
+
+				profiles.push(profile_ids[id] = old_profile);
+				continue;
+			}
+
+			const new_profile = profiles.push(profile_ids[id] = new SettingsProfile(this, profile_data));
+			if ( old_profile ) {
+				// Move all the listeners over.
+				new_profile.__listeners = old_profile.__listeners;
+				old_profile.__listeners = {};
+
+				changed_ids.add(id);
+
+			} else
+				new_ids.add(id);
+
+			changed = true;
+		}
+
+		if ( ! changed && ! old_ids.size || suppress_events )
+			return;
+
+		for(const context of this.__contexts)
+			context.selectProfiles();
+
+		for(const id of new_ids)
+			this.emit(':profile-created', profile_ids[id]);
+
+		for(const id of changed_ids)
+			this.emit(':profile-changed', profile_ids[id]);
+
+		if ( moved_ids.size )
+			this.emit(':profiles-reordered');
+	}
+
+
+	/**
+	 * Create a new profile and return the {@link SettingsProfile} instance
+	 * representing it.
+	 * @returns {SettingsProfile}
+	 */
+	createProfile(options) {
+		let i = 0;
+		while( this.__profile_ids[i] )
+			i++;
+
+		options = options || {};
+		options.id = i;
+
+		if ( ! options.name )
+			options.name = `Unnamed Profile ${i}`;
+
+		const profile = this.__profile_ids[i] = new SettingsProfile(this, options);
+
+		this.__profiles.unshift(profile);
+
+		this._saveProfiles();
+		this.emit(':profile-created', profile);
+		return profile;
+	}
+
+
+	/**
+	 * Delete a profile.
+	 * @param {number|SettingsProfile} id - The profile to delete
+	 */
+	deleteProfile(id) {
+		if ( typeof id === 'object' && id.id )
+			id = id.id;
+
+		const profile = this.__profile_ids[id];
+		if ( ! profile )
+			return;
+
+		if ( profile.id === 0 )
+			throw new Error('cannot delete default profile');
+
+		profile.clear();
+		this.__profile_ids[id] = null;
+
+		const idx = this.__profiles.indexOf(profile);
+		if ( idx !== -1 )
+			this.__profiles.splice(idx, 1);
+
+		this._saveProfiles();
+		this.emit(':profile-deleted', profile);
+	}
+
+
+	moveProfile(id, index) {
+		if ( typeof id === 'object' && id.id )
+			id = id.id;
+
+		const profile = this.__profile_ids[id];
+		if ( ! profile )
+			return;
+
+		const profiles = this.__profiles,
+			idx = profiles.indexOf(profile);
+		if ( idx === index )
+			return;
+
+		profiles.splice(index, 0, ...profiles.splice(idx, 1));
+
+		this._saveProfiles();
+		this.emit(':profiles-reordered');
+	}
+
+
+	saveProfile(id) {
+		if ( typeof id === 'object' && id.id )
+			id = id.id;
+
+		const profile = this.__profile_ids[id];
+		if ( ! profile )
+			return;
+
+		this._saveProfiles();
+		this.emit(':profile-changed', profile);
+	}
+
+
+	_saveProfiles() {
+		this.provider.set('profiles', this.__profiles.map(prof => prof.data));
+		for(const context of this.__contexts)
+			context.selectProfiles();
+	}
+
+
+	// ========================================================================
+	// Context Helpers
+	// ========================================================================
+
+	context(env) { return this.main_context.context(env) }
+	get(key) { return this.main_context.get(key) }
+	uses(key) { return this.main_context.uses(key) }
+	update(key) { return this.main_context.update(key) }
+
+	updateContext(context) { return this.main_context.updateContext(context) }
+	setContext(context) { return this.main_context.setContext(context) }
+
+
+	// ========================================================================
+	// Definitions
+	// ========================================================================
+
+	add(key, definition) {
+		if ( typeof key === 'object' ) {
+			for(const k in key)
+				if ( has(key, k) )
+					this.add(k, key[k]);
+			return;
+		}
+
+		const old_definition = this.definitions.get(key),
+			required_by = old_definition ?
+				(Array.isArray(old_definition) ? old_definition : old_definition.required_by) : [];
+
+		definition.required_by = required_by;
+		definition.requires = definition.requires || [];
+
+		for(const req_key of definition.requires) {
+			const req = this.definitions.get(req_key);
+			if ( ! req )
+				this.definitions.set(req_key, [key]);
+			else if ( Array.isArray(req) )
+				req.push(key);
+			else
+				req.required_by.push(key);
+		}
+
+
+		if ( definition.ui ) {
+			const ui = definition.ui;
+			ui.path_tokens = ui.path_tokens ?
+				format_path_tokens(ui.path_tokens) :
+				ui.path ?
+					parse_path(ui.path) :
+					undefined;
+
+			if ( ! ui.key && ui.title )
+				ui.key = ui.title.toSnakeCase();
+		}
+
+		if ( definition.changed )
+			this.on(`:changed:${key}`, definition.changed);
+
+		this.definitions.set(key, definition);
+		this.emit(':added-definition', key, definition);
+	}
+
+
+	addUI(key, definition) {
+		if ( typeof key === 'object' ) {
+			for(const k in key)
+				if ( has(key, k) )
+					this.add(k, key[k]);
+			return;
+		}
+
+		if ( ! definition.ui )
+			definition = {ui: definition};
+
+		const ui = definition.ui;
+		ui.path_tokens = ui.path_tokens ?
+			format_path_tokens(ui.path_tokens) :
+			ui.path ?
+				parse_path(ui.path) :
+				undefined;
+
+		if ( ! ui.key && ui.title )
+			ui.key = ui.title.toSnakeCase();
+
+		this.ui_structures.set(key, definition);
+		this.emit(':added-definition', key, definition);
+	}
+}
+
+
+const PATH_SPLITTER = /(?:^|\s*([~>]+))\s*([^~>@]+)\s*(?:@([^~>]+))?/g;
+
+export function parse_path(path) {
+	const tokens = [];
+	let match;
+
+	while((match = PATH_SPLITTER.exec(path))) {
+		const page = match[1] === '>>',
+			tab = match[1] === '~>',
+			title = match[2].trim(),
+			key = title.toSnakeCase(),
+			options = match[3],
+
+			opts = { key, title, page, tab };
+
+		if ( options )
+			Object.assign(opts, JSON.parse(options));
+
+		tokens.push(opts);
+	}
+
+	return tokens;
+}
+
+
+export function format_path_tokens(tokens) {
+	for(let i=0, l = tokens.length; i < l; i++) {
+		const token = tokens[i];
+		if ( typeof token === 'string' ) {
+			tokens[i] = {
+				key: token.toSnakeCase(),
+				title: token
+			}
+
+			continue;
+		}
+
+		if ( ! token.key )
+			token.key = token.title.toSnakeCase();
+	}
+
+	return tokens;
+}
\ No newline at end of file
diff --git a/src/settings/migration.js b/src/settings/migration.js
new file mode 100644
index 00000000..54916422
--- /dev/null
+++ b/src/settings/migration.js
@@ -0,0 +1,16 @@
+'use strict';
+
+// ============================================================================
+// Settings Migrations
+// ============================================================================
+
+export default class MigrationManager {
+	constructor(manager) {
+		this.manager = manager;
+		this.provider = manager.provider;
+	}
+
+	process(key) {
+		return false;
+	}
+}
\ No newline at end of file
diff --git a/src/settings/profile.js b/src/settings/profile.js
new file mode 100644
index 00000000..76ef23f6
--- /dev/null
+++ b/src/settings/profile.js
@@ -0,0 +1,178 @@
+'use strict';
+
+// ============================================================================
+// Settings Profiles
+// ============================================================================
+
+import {EventEmitter} from 'utilities/events';
+import {has, filter_match} from 'utilities/object';
+
+
+/**
+ * Instances of SettingsProfile are used for getting and setting raw settings
+ * values, enumeration, and emit events when the raw settings are changed.
+ * @extends EventEmitter
+ */
+export default class SettingsProfile extends EventEmitter {
+	constructor(manager, data) {
+		super();
+
+		this.manager = manager;
+		this.provider = manager.provider;
+
+		this.data = data;
+		this.prefix = `p:${this.id}:`;
+	}
+
+	get data() {
+		return {
+			id: this.id,
+			parent: this.parent,
+
+			name: this.name,
+			i18n_key: this.i18n_key,
+
+			description: this.description,
+			desc_i18n_key: this.desc_i18n_key,
+
+			context: this.context
+		}
+	}
+
+	set data(val) {
+		if ( typeof val !== 'object' )
+			throw new TypeError('data must be an object');
+
+		for(const key in val)
+			if ( has(val, key) )
+				this[key] = val[key];
+	}
+
+	matches(context) {
+		// If we don't have any specific context, then we work!
+		if ( ! this.context )
+			return true;
+
+		// If we do have context and didn't get any, then we don't!
+		else if ( ! context )
+			return false;
+
+		// Got context? Have context? One-sided deep comparison time.
+		// Let's go for a walk!
+
+		return filter_match(this.context, context);
+	}
+
+
+	save() {
+		this.manager.saveProfile(this.id);
+	}
+
+
+	// ========================================================================
+	// Context
+	// ========================================================================
+
+	updateContext(context) {
+		if ( this.id === 0 )
+			throw new Error('cannot set context of default profile');
+
+		this.context = Object.assign(this.context || {}, context);
+		this.manager._saveProfiles();
+	}
+
+	setContext(context) {
+		if ( this.id === 0 )
+			throw new Error('cannot set context of default profile');
+
+		this.context = context;
+		this.manager._saveProfiles();
+	}
+
+
+	// ========================================================================
+	// Setting Access
+	// ========================================================================
+
+	get(key, default_value) {
+		return this.provider.get(this.prefix + key, default_value);
+	}
+
+	set(key, value) {
+		this.provider.set(this.prefix + key, value);
+		this.emit('changed', key, value);
+	}
+
+	delete(key) {
+		this.provider.delete(this.prefix + key);
+		this.emit('changed', key, undefined, true);
+	}
+
+	has(key) {
+		return this.provider.has(this.prefix + key);
+	}
+
+	keys() {
+		const out = [],
+			p = this.prefix,
+			len = p.length;
+
+		for(const key of this.provider.keys())
+			if ( key.startsWith(p) )
+				out.push(key.slice(len));
+
+		return out;
+	}
+
+	clear() {
+		const p = this.prefix,
+			len = p.length;
+		for(const key of this.provider.keys())
+			if ( key.startsWith(p) ) {
+				this.provider.delete(key);
+				this.emit('changed', key.slice(len), undefined, true);
+			}
+	}
+
+	*entries() {
+		const p = this.prefix,
+			len = p.length;
+
+		for(const key of this.provider.keys())
+			if ( key.startsWith(p) )
+				yield [key.slice(len), this.provider.get(key)];
+	}
+
+	get size() {
+		const p = this.prefix;
+		let count = 0;
+
+		for(const key of this.provider.keys())
+			if ( key.startsWith(p) )
+				count++;
+
+		return count;
+	}
+}
+
+
+SettingsProfile.Default = {
+	id: 0,
+	name: 'Default Profile',
+	i18n_key: 'setting.profiles.default',
+
+	description: 'Settings that apply everywhere on Twitch.'
+}
+
+
+SettingsProfile.Moderation = {
+	id: 1,
+	name: 'Moderation',
+	i18n_key: 'setting.profiles.moderation',
+
+	description: 'Settings that apply when you are a moderator of the current channel.',
+
+	context: {
+		moderator: true
+	}
+}
\ No newline at end of file
diff --git a/src/settings/providers.js b/src/settings/providers.js
new file mode 100644
index 00000000..f52b2c94
--- /dev/null
+++ b/src/settings/providers.js
@@ -0,0 +1,301 @@
+'use strict';
+
+// ============================================================================
+// Settings Providers
+// ============================================================================
+
+import {EventEmitter} from 'utilities/events';
+import {has} from 'utilities/object';
+
+
+// ============================================================================
+// SettingsProvider
+// ============================================================================
+
+/**
+ * Base class for providers for the settings system. A provider is in charge
+ * of reading and writing values from storage as well as sending events to
+ * the {@link SettingsManager} when a value is changed remotely.
+ *
+ * @extends EventEmitter
+ */
+export class SettingsProvider extends EventEmitter {
+	/**
+	 * Create a new SettingsProvider
+	 * @param {SettingsManager} manager - The manager that owns this provider.
+	 */
+	constructor(manager) {
+		super();
+
+		this.manager = manager;
+		this.disabled = false;
+	}
+
+	awaitReady() {
+		if ( this.ready )
+			return Promise.resolve();
+
+		return Promise.reject(new Error('Not Implemented'));
+	}
+
+	get(key, default_value) { throw new Error('Not Implemented') } // eslint-disable-line class-methods-use-this, no-unused-vars
+	set(key, value) { throw new Error('Not Implemented') } // eslint-disable-line class-methods-use-this, no-unused-vars
+	delete(key) { throw new Error('Not Implemented') } // eslint-disable-line class-methods-use-this, no-unused-vars
+	clear() { throw new Error('Not Implemented') } // eslint-disable-line class-methods-use-this
+
+	has(key) { throw new Error('Not Implemented') } // eslint-disable-line class-methods-use-this, no-unused-vars
+
+	keys() { throw new Error('Not Implemented') } // eslint-disable-line class-methods-use-this
+	entries() { throw new Error('Not Implemented') } // eslint-disable-line class-methods-use-this
+	get size() { throw new Error('Not Implemented') } // eslint-disable-line class-methods-use-this
+}
+
+
+// ============================================================================
+// LocalStorage
+// ============================================================================
+
+export class LocalStorageProvider extends SettingsProvider {
+	constructor(manager, prefix) {
+		super(manager);
+		this.prefix = prefix = prefix == null ? 'FFZ:setting:' : prefix;
+
+		const cache = this._cached = new Map,
+			len = prefix.length;
+
+		for(const key in localStorage)
+			if ( has(localStorage, key) && key.startsWith(prefix) ) {
+				const val = localStorage.getItem(key);
+				try {
+					cache.set(key.slice(len), JSON.parse(val));
+				} catch(err) {
+					this.manager.log.warn(`unable to parse value for ${key}`, val);
+				}
+			}
+
+		this.ready = true;
+
+		this._boundHandleStorage = this.handleStorage.bind(this);
+		window.addEventListener('storage', this._boundHandleStorage);
+	}
+
+	destroy() {
+		this.disable();
+		this._cached.clear();
+	}
+
+	disable() {
+		this.disabled = true;
+
+		if ( this._boundHandleStorage ) {
+			window.removeEventListener('storage', this._boundHandleStorage);
+			this._boundHandleStorage = null;
+		}
+	}
+
+
+	handleStorage(event) {
+		if ( this.disabled )
+			return;
+
+		this.manager.log.debug('storage event', event);
+		if ( event.storageArea !== localStorage )
+			return;
+
+		if ( event.key.startsWith(this.prefix) ) {
+			// If value is null, the key was deleted.
+			const key = event.key.slice(this.prefix.length);
+			let val = event.newValue;
+
+			if ( val === null ) {
+				this._cached.delete(key);
+				this.emit('changed', key, undefined, true);
+
+			} else {
+				val = JSON.parse(val);
+				this._cached.set(key, val);
+				this.emit('changed', key, val, false);
+			}
+		}
+	}
+
+
+	get(key, default_value) {
+		return this._cached.has(key) ?
+			this._cached.get(key) :
+			default_value;
+	}
+
+	set(key, value) {
+		this._cached.set(key, value);
+		localStorage.setItem(this.prefix + key, JSON.stringify(value));
+	}
+
+	delete(key) {
+		this._cached.delete(key);
+		localStorage.removeItem(this.prefix + key);
+	}
+
+	has(key) {
+		return this._cached.has(key);
+	}
+
+	keys() {
+		return this._cached.keys();
+	}
+
+	clear() {
+		for(const key of this._cached.keys())
+			localStorage.removeItem(this.prefix + key);
+
+		this._cached.clear();
+	}
+
+	entries() {
+		return this._cached.entries();
+	}
+
+	get size() {
+		return this._cached.size;
+	}
+}
+
+
+export class CloudStorageProvider extends SettingsProvider {
+	constructor(manager) {
+		super(manager);
+
+		this._cached = new Map;
+		this.ready = false;
+		this._ready_wait = null;
+
+		this._boundHandleStorage = this.handleStorage.bind(this);
+		window.addEventListener('message', this._boundHandleStorage);
+		this._send('get_all');
+	}
+
+	destroy() {
+		this.disable();
+		this._cached.clear();
+	}
+
+	disable() {
+		this.disabled = true;
+
+		if ( this._boundHandleStorage ) {
+			window.removeEventListener('message', this._boundHandleStorage)
+			this._boundHandleStorage = null;
+		}
+	}
+
+
+	awaitReady() {
+		if ( this.ready )
+			return Promise.resolve();
+
+		return new Promise((resolve, reject) => {
+			const waiters = this._ready_wait = this._ready_wait || [];
+			waiters.push([resolve, reject]);
+		})
+	}
+
+
+	// ========================================================================
+	// Communication
+	// ========================================================================
+
+	handleStorage(event) {
+		if ( event.source !== window || ! event.data || ! event.data.ffz )
+			return;
+
+		const cmd = event.data.cmd,
+			data = event.data.data;
+
+		if ( cmd === 'all_values' ) {
+			const old_keys = new Set(this._cached.keys());
+
+			for(const key in data)
+				if ( has(data, key) ) {
+					const val = data[key];
+					old_keys.delete(key);
+					this._cached.set(key, val);
+					if ( this.ready )
+						this.emit('changed', key, val);
+				}
+
+			for(const key of old_keys) {
+				this._cached.delete(key);
+				if ( this.ready )
+					this.emit('changed', key, undefined, true);
+			}
+
+			this.ready = true;
+			if ( this._ready_wait ) {
+				for(const resolve of this._ready_wait)
+					resolve();
+				this._ready_wait = null;
+			}
+
+		} else if ( cmd === 'changed' ) {
+			this._cached.set(data.key, data.value);
+			this.emit('changed', data.key, data.value);
+
+		} else if ( cmd === 'deleted' ) {
+			this._cached.delete(data);
+			this.emit('changed', data, undefined, true);
+
+		} else {
+			this.manager.log.info('unknown storage event', event);
+		}
+	}
+
+	_send(cmd, data) { // eslint-disable-line class-methods-use-this
+		window.postMessage({
+			ffz: true,
+			cmd,
+			data
+		}, location.origin);
+	}
+
+
+	// ========================================================================
+	// Data Access
+	// ========================================================================
+
+	get(key, default_value) {
+		return this._cached.has(key) ?
+			this._cached.get(key) :
+			default_value;
+	}
+
+	set(key, value) {
+		this._cached.set(key, value);
+		this._send('set', {key, value});
+	}
+
+	delete(key) {
+		this._cached.delete(key);
+		this._send('delete', key);
+	}
+
+	has(key) {
+		return this._cached.has(key);
+	}
+
+	keys() {
+		return this._cached.keys();
+	}
+
+	clear() {
+		this._cached.clear();
+		this._send('clear');
+	}
+
+	entries() {
+		return this._cached.entries();
+	}
+
+	get size() {
+		return this._cached.size;
+	}
+}
diff --git a/src/shims.js b/src/shims.js
deleted file mode 100644
index 7bac5cb8..00000000
--- a/src/shims.js
+++ /dev/null
@@ -1,24 +0,0 @@
-Array.prototype.equals = function (array) {
-	// if the other array is a falsy value, return
-	if (!array)
-		return false;
-
-	// compare lengths - can save a lot of time 
-	if (this.length != array.length)
-		return false;
-
-	for (var i = 0, l=this.length; i < l; i++) {
-		// Check if we have nested arrays
-		if (this[i] instanceof Array && array[i] instanceof Array) {
-			// recurse into the nested arrays
-			if (!this[i].equals(array[i]))
-				return false;
-		}
-		else if (this[i] != array[i]) { 
-			// Warning - two different object instances will never be equal: {x:20} != {x:20}
-			return false;
-		}
-	}
-	return true;
-}
-
diff --git a/src/sites/base.js b/src/sites/base.js
new file mode 100644
index 00000000..791eb52a
--- /dev/null
+++ b/src/sites/base.js
@@ -0,0 +1,106 @@
+'use strict';
+
+import Module from 'utilities/module';
+
+let last_site = 0;
+let last_call = 0;
+
+export default class BaseSite extends Module {
+	constructor(...args) {
+		super(...args);
+		this._id = `_ffz$${last_site++}`;
+
+		this.inject('settings');
+
+		this.log.info(`Using: ${this.constructor.name}`);
+	}
+
+	populateModules() {
+		const ctx = require.context('site/modules', true, /(?:^(?:\.\/)?[^/]+|index)\.js$/);
+		const modules = this.populate(ctx, this.log);
+		this.log.info(`Loaded descriptions of ${Object.keys(modules).length} modules.`);
+	}
+
+
+	// ========================================================================
+	// DOM Manipulation
+	// ========================================================================
+
+	awaitElement(selector, parent, timeout = 60000) {
+		if ( ! parent )
+			parent = document.documentElement;
+
+		const el = parent.querySelector(selector);
+		if ( el )
+			return Promise.resolve(el);
+
+		return new Promise((resolve, reject) => {
+			const observer_name = `${this._id}$observer`,
+				data = parent[observer_name],
+				call_id = last_call++,
+
+				timer = timeout && setTimeout(() => {
+					const data = parent[observer_name];
+					if ( ! data )
+						return;
+
+					const [observer, selectors] = data;
+
+					for(let i=0; i < selectors.length; i++) {
+						const d = selectors[i];
+						if ( d[0] === call_id ) {
+							selectors.splice(i, 1);
+							d[3]('Timed out');
+							break;
+						}
+					}
+
+					if ( ! selectors.length ) {
+						observer.disconnect();
+						parent[observer_name] = null;
+					}
+				}, timeout);
+
+			if ( data ) {
+				data[1].push([call_id, selector, resolve, reject, timer]);
+				return;
+			}
+
+			const observer = new MutationObserver(() => {
+				const data = parent[observer_name];
+				if ( ! data ) {
+					observer.disconnect();
+					return;
+				}
+
+				const selectors = data[1];
+				for(let i=0; i < selectors.length; i++) {
+					const d = selectors[i];
+					const el = parent.querySelector(d[1]);
+					if ( el ) {
+						selectors.splice(i, 1);
+						i--;
+
+						if ( d[4] )
+							clearTimeout(d[4]);
+
+						d[2](el);
+					}
+				}
+
+				if ( ! selectors.length ) {
+					observer.disconnect();
+					parent[observer_name] = null;
+				}
+			});
+
+			parent[observer_name] = [observer, [[call_id, selector, resolve, reject, timer]]];
+			observer.observe(parent, {
+				childList: true,
+				attributes: true,
+				characterData: true,
+				subtree: true
+			});
+		});
+	}
+}
\ No newline at end of file
diff --git a/src/sites/twitch-twilight/index.js b/src/sites/twitch-twilight/index.js
new file mode 100644
index 00000000..042e455e
--- /dev/null
+++ b/src/sites/twitch-twilight/index.js
@@ -0,0 +1,113 @@
+'use strict';
+
+// ============================================================================
+// Site Support: Twitch Twilight
+// ============================================================================
+
+import BaseSite from '../base';
+
+import WebMunch from 'utilities/compat/webmunch';
+import Fine from 'utilities/compat/fine';
+import FineRouter from 'utilities/compat/fine-router';
+import Apollo from 'utilities/compat/apollo';
+
+import {createElement as e} from 'utilities/dom';
+
+import MAIN_URL from 'site/styles/main.scss';
+
+
+// ============================================================================
+// The Site
+// ============================================================================
+
+export default class Twilight extends BaseSite {
+	constructor(...args) {
+		super(...args);
+
+		this.inject(WebMunch);
+		this.inject(Fine);
+		this.inject('router', FineRouter);
+		this.inject(Apollo);
+	}
+
+	onLoad() {
+		this.populateModules();
+
+		this.web_munch.known(Twilight.KNOWN_MODULES);
+		this.router.route(Twilight.ROUTES);
+	}
+
+	onEnable() {
+		const root = this.fine.getParent(this.fine.react),
+			ctx = this.context = root && root._context,
+
+			store = this.store = ctx && ctx.store;
+
+		if ( ! store )
+			return new Promise(r => setTimeout(r, 50)).then(() => this.onEnable());
+
+		// Share Context
+		store.subscribe(() => this.updateContext());
+		this.updateContext();
+
+		this.router.on(':route', (route, match) => {
+			this.log.info('Navigation', route && route.name, match[0]);
+		});
+
+		document.head.appendChild(e('link', {
+			href: MAIN_URL,
+			rel: 'stylesheet',
+			type: 'text/css'
+		}));
+	}
+
+	updateContext() {
+		const state = this.store.getState();
+		this.settings.updateContext({
+			location: state.router.location,
+
+			ui: state.ui,
+			session: state.session
+		});
+	}
+
+	getSession() {
+		const state = this.store && this.store.getState();
+		return state && state.session;
+	}
+
+	getUser() {
+		const session = this.getSession();
+		return session && session.user;
+	}
+}
+
+
+Twilight.KNOWN_MODULES = {
+	simplebar: n => n.globalObserver && n.initDOMLoadedElements,
+	react: n => n.Component && n.createElement,
+	'extension-service': n => n.extensionService
+}
+
+
+Twilight.ROUTES = {
+	'front-page': '/',
+	'collection': '/collections/:collectionID',
+	'dir-community': '/communities/:communityName',
+	'dir-community-index': '/directory/communities',
+	'dir-creative': '/directory/creative',
+	'dir-following': '/directory/following/:category?',
+	'dir-game-clips': '/directory/game/:gameName/clips',
+	'dir-game-details': '/directory/game/:gameName/details',
+	'dir-game-videos': '/directory/game/:gameName/videos/:filter',
+	'dir-game-index': '/directory/game/:gameName',
+	'dir-all': '/directory/all/:filter?',
+	'dir-category': '/directory/:category?',
+	'event': '/event/:eventName',
+	'following': '/following',
+	'popout': '/popout',
+	'video': '/videos/:videoID',
+	'user-videos': '/:userName/videos/:filter?',
+	'user-clips': '/:userName/manager/clips',
+	'user': '/:userName'
+}
\ No newline at end of file
diff --git a/src/sites/twitch-twilight/modules/channel_bar.js b/src/sites/twitch-twilight/modules/channel_bar.js
new file mode 100644
index 00000000..fec09242
--- /dev/null
+++ b/src/sites/twitch-twilight/modules/channel_bar.js
@@ -0,0 +1,93 @@
+'use strict';
+
+// ============================================================================
+// Channel Bar
+// ============================================================================
+
+import Module from 'utilities/module';
+import {sanitize, createElement as e} from 'utilities/dom';
+
+export default class ChannelBar extends Module {
+	constructor(...args) {
+		super(...args);
+
+		this.should_enable = true;
+
+		this.inject('site.fine');
+		this.inject('metadata');
+
+
+		this.ChannelBar = this.fine.define(
+			'channel-bar',
+			n => n.getTitle && n.getGame && n.renderGame
+		);
+
+
+		this.HostBar = this.fine.define(
+			'host-container',
+			n => n.handleReportHosterClick
+		)
+	}
+
+	onEnable() {
+		this.ChannelBar.ready((cls, instances) => {
+			for(const inst of instances)
+				this.updateChannelBar(inst);
+		});
+
+		this.ChannelBar.on('unmount', this.unmountChannelBar, this);
+		this.ChannelBar.on('mount', this.updateChannelBar, this);
+		this.ChannelBar.on('update', this.updateChannelBar, this);
+
+		this.HostBar.on('mount', inst => {
+			this.log.info('host-mount', inst, this.fine.getHostNode(inst));
+		});
+
+		this.HostBar.ready((cls, instances) => {
+			for(const inst of instances)
+				this.log.info('host-found', inst, this.fine.getHostNode(inst));
+		})
+
+	}
+
+
+	unmountChannelBar(inst) { // eslint-disable-line class-methods-use-this
+		const timers = inst._ffz_meta_timers;
+		if ( timers )
+			for(const key in timers)
+				if ( timers[key] )
+					clearTimeout(timers[key]);
+
+		inst._ffz_meta_timers = null;
+	}
+
+
+	updateChannelBar(inst) {
+		this.updateMetadata(inst);
+	}
+
+
+	updateMetadata(inst, keys) {
+		const container = this.fine.getHostNode(inst),
+			metabar = container && container.querySelector && container.querySelector('.channel-info-bar__action-container > .flex');
+
+		if ( ! inst._ffz_mounted || ! metabar )
+			return;
+
+		if ( ! keys )
+			keys = this.metadata.keys;
+		else if ( ! Array.isArray(keys) )
+			keys = [keys];
+
+		const timers = inst._ffz_meta_timers = inst._ffz_meta_timers || {},
+			refresh_func = key => this.updateMetadata(inst, key),
+			data = {
+				channel: inst.props.userData && inst.props.userData.user,
+				hosting: false,
+				_inst: inst
+			}
+
+		for(const key of keys)
+			this.metadata.render(key, data, metabar, timers, refresh_func);
+	}
+}
\ No newline at end of file
diff --git a/src/sites/twitch-twilight/modules/chat/index.js b/src/sites/twitch-twilight/modules/chat/index.js
new file mode 100644
index 00000000..51a5dc0f
--- /dev/null
+++ b/src/sites/twitch-twilight/modules/chat/index.js
@@ -0,0 +1,704 @@
+'use strict';
+
+// ============================================================================
+// Chat Hooks
+// ============================================================================
+
+import {ColorAdjuster} from 'utilities/color';
+import {setChildren} from 'utilities/dom';
+import {has} from 'utilities/object';
+
+import Module from 'utilities/module';
+
+const EVENTS = [
+	'onJoinedEvent',
+	'onDisconnectedEvent',
+	'onReconnectingEvent',
+	'onHostingEvent',
+	'onUnhostEvent',
+	'onChatMessageEvent',
+	'onChatActionEvent',
+	'onChatNoticeEvent',
+	'onTimeoutEvent',
+	'onBanEvent',
+	'onModerationEvent',
+	'onSubscriptionEvent',
+	'onResubscriptionEvent',
+	'onRoomStateEvent',
+	'onSlowModeEvent',
+	'onFollowerOnlyModeEvent',
+	'onSubscriberOnlyModeEvent',
+	'onClearChatEvent',
+	'onRaidEvent',
+	'onUnraidEvent',
+	'onBadgesUpdatedEvent'
+];
+
+
+export default class ChatHook extends Module {
+	constructor(...args) {
+		super(...args);
+
+		this.should_enable = true;
+
+		this.colors = new ColorAdjuster;
+
+		this.inject('settings');
+
+		this.inject('site');
+		this.inject('site.router');
+		this.inject('site.fine');
+		this.inject('site.web_munch');
+		this.inject('site.css_tweaks');
+
+		this.inject('chat');
+
+
+		this.ChatController = this.fine.define(
+			'chat-controller',
+			n => n.chatService
+		);
+
+		this.ChatContainer = this.fine.define(
+			'chat-container',
+			n => n.showViewersList && n.onChatInputFocus
+		);
+
+		this.ChatLine = this.fine.define(
+			'chat-line',
+			n => n.renderMessageBody
+		);
+
+		this.PinnedCheer = this.fine.define(
+			'pinned-cheer',
+			n => n.collapseCheer && n.saveRenderedMessageRef
+		);
+
+
+		// Settings
+
+		this.settings.add('chat.width', {
+			default: 340,
+			ui: {
+				path: 'Chat > Appearance >> General @{"sort": -1}',
+				title: 'Width',
+				description: 'How wide chat should be, in pixels.',
+				component: 'setting-text-box',
+				process(val) {
+					val = parseInt(val, 10);
+					if ( isNaN(val) || ! isFinite(val) || val <= 0 )
+						return 340;
+
+					return val;
+				}
+			}
+		});
+
+		this.settings.add('chat.bits.show-pinned', {
+			default: true,
+			ui: {
+				path: 'Chat > Bits and Cheering >> Pinned Cheers',
+				title: 'Display Pinned Cheer',
+
+				component: 'setting-check-box'
+			}
+		});
+
+		this.settings.add('chat.lines.alternate', {
+			default: false,
+			ui: {
+				path: 'Chat > Appearance >> Chat Lines',
+				title: 'Display lines with alternating background colors.',
+				component: 'setting-check-box'
+			}
+		});
+
+		this.settings.add('chat.lines.padding', {
+			default: false,
+			ui: {
+				path: 'Chat > Appearance >> Chat Lines',
+				title: 'Reduce padding around lines.',
+				component: 'setting-check-box'
+			}
+		});
+
+		this.settings.add('chat.lines.borders', {
+			default: 0,
+			ui: {
+				path: 'Chat > Appearance >> Chat Lines',
+				title: 'Separators',
+				component: 'setting-select-box',
+				data: [
+					{value: 0, title: 'Disabled'},
+					{value: 1, title: 'Basic Line (1px Solid)'},
+					{value: 2, title: '3D Line (2px Groove)'},
+					{value: 3, title: '3D Line (2px Groove Inset)'},
+					{value: 4, title: 'Wide Line (2px Solid)'}
+				]
+			}
+		});
+	}
+
+
+	get currentChat() {
+		for(const inst of this.ChatController.instances)
+			if ( inst && inst.chatService )
+				return inst;
+	}
+
+
+	updateColors() {
+		const is_dark = this.chat.context.get('theme.is-dark'),
+			mode = this.chat.context.get('chat.adjustment-mode'),
+			contrast = this.chat.context.get('chat.adjustment-contrast'),
+			c = this.colors;
+
+		// TODO: Get the background color from the theme system.
+		c._base = is_dark ? '#0e0c13' : '#faf9fa';
+		c.mode = mode;
+		c.contrast = contrast;
+
+		this.updateChatLines();
+	}
+
+
+	updateChatWidth() {
+		const width = this.chat.context.get('chat.width');
+		if ( width === 340 )
+			this.css_tweaks.style.delete('chat-width');
+		else
+			this.css_tweaks.style.set('chat-width', `.channel-page__right-column{width:${width}px!important}`);
+	}
+
+	updateLineBorders() {
+		const mode = this.chat.context.get('chat.lines.borders');
+
+		this.css_tweaks.toggle('chat-borders', mode > 0);
+		this.css_tweaks.toggle('chat-borders-3d', mode === 2);
+		this.css_tweaks.toggle('chat-borders-3d-inset', mode === 3);
+		this.css_tweaks.toggle('chat-borders-wide', mode === 4);
+	}
+
+
+	onEnable() {
+		this.chat.context.on('changed:chat.width', this.updateChatWidth, this);
+		this.chat.context.on('changed:chat.bits.stack', this.updateChatLines, this);
+		this.chat.context.on('changed:chat.adjustment-mode', this.updateColors, this);
+		this.chat.context.on('changed:chat.adjustment-contrast', this.updateColors, this);
+		this.chat.context.on('changed:theme.is-dark', this.updateColors, this);
+		this.chat.context.on('changed:chat.lines.borders', this.updateLineBorders, this);
+
+		this.chat.context.on('changed:chat.lines.alternate', val =>
+			this.css_tweaks.toggle('chat-rows', val));
+
+		this.chat.context.on('changed:chat.lines.padding', val =>
+			this.css_tweaks.toggle('chat-padding', val));
+
+		this.chat.context.on('changed:chat.bits.show', val =>
+			this.css_tweaks.toggle('hide-bits', !val));
+		this.chat.context.on('changed:chat.bits.show-pinned', val =>
+			this.css_tweaks.toggleHide('pinned-cheer', !val));
+
+		this.css_tweaks.toggleHide('pinned-cheer', !this.chat.context.get('chat.bits.show-pinned'));
+		this.css_tweaks.toggle('hide-bits', !this.chat.context.get('chat.bits.show'));
+		this.css_tweaks.toggle('chat-rows', this.chat.context.get('chat.lines.alternate'));
+		this.css_tweaks.toggle('chat-padding', this.chat.context.get('chat.lines.padding'));
+
+		this.updateChatWidth();
+		this.updateColors();
+		this.updateLineBorders();
+
+		this.ChatController.on('mount', this.chatMounted, this);
+		this.ChatController.on('unmount', this.removeRoom, this);
+		this.ChatController.on('receive-props', this.chatUpdated, this);
+
+		this.ChatController.ready((cls, instances) => {
+			for(const inst of instances) {
+				const service = inst.chatService;
+				if ( ! service._ffz_was_here )
+					this.wrapChatService(service.constructor);
+
+				service.client.events.removeAll();
+				service.connectHandlers();
+
+				this.chatMounted(inst);
+			}
+		});
+
+
+		this.ChatContainer.on('mount', this.containerMounted, this);
+		this.ChatContainer.on('unmount', this.removeRoom, this);
+		this.ChatContainer.on('receive-props', this.containerUpdated, this);
+
+		this.ChatContainer.ready((cls, instances) => {
+			for(const inst of instances)
+				this.containerMounted(inst);
+		});
+
+
+		this.PinnedCheer.on('mount', this.fixPinnedCheer, this);
+		this.PinnedCheer.on('update', this.fixPinnedCheer, this);
+
+		this.PinnedCheer.ready((cls, instances) => {
+			for(const inst of instances)
+				this.fixPinnedCheer(inst);
+		});
+
+
+		const React = this.web_munch.getModule('react');
+
+		if ( React ) {
+			const t = this,
+				e = React.createElement;
+
+			this.ChatLine.ready((cls, instances) => {
+				cls.prototype.shouldComponentUpdate = function(props, state) {
+					const show = state.alwaysShowMessage || ! props.message.deleted,
+						old_show = this._ffz_show;
+
+					// We can't just compare props.message.deleted to this.props.message.deleted
+					// because the message object is the same object. So, store the old show
+					// state for later reference.
+					this._ffz_show = show;
+
+					return show !== old_show ||
+						//state.renderDebug !== this.state.renderDebug ||
+						props.message !== this.props.message ||
+						props.isCurrentUserModerator !== this.props.isCurrentUserModerator ||
+						props.showModerationIcons !== this.props.showModerationIcons ||
+						props.showTimestamps !== this.props.showTimestamps;
+				}
+
+				//const old_render = cls.prototype.render;
+
+				cls.prototype.render = function() {
+					const msg = this.props.message,
+						is_action = msg.type === 1,
+						user = msg.user,
+						color = t.colors.process(user.color),
+						room = msg.channel ? msg.channel.slice(1) : undefined,
+
+						show = this.state.alwaysShowMessage || ! this.props.message.deleted;
+
+					if ( ! msg.message && msg.messageParts )
+						detokenizeMessage(msg);
+
+					const tokens = t.chat.tokenizeMessage(msg),
+						fragment = t.chat.renderTokens(tokens, e);
+
+					return e('div', {
+						className: 'chat-line__message',
+						'data-room-id': this.props.channelID,
+						'data-room': room,
+						'data-user-id': user.userID,
+						'data-user': user.userLogin,
+
+						//onClick: () => this.setState({renderDebug: ((this.state.renderDebug||0) + 1) % 3})
+					}, [
+						this.props.showTimestamps && e('span', {
+							className: 'chat-line__timestamp'
+						}, t.chat.formatTime(msg.timestamp)),
+						this.renderModerationIcons(),
+						e('span', {
+							className: 'chat-line__message--badges'
+						}, t.chat.renderBadges(msg, e)),
+						e('a', {
+							className: 'chat-author__display-name',
+							style: { color },
+							onClick: this.usernameClickHandler
+						}, user.userDisplayName),
+						user.isIntl && e('span', {
+							className: 'chat-author__intl-login',
+							style: { color }
+						}, ` (${user.userLogin})`),
+						e('span', null, is_action ? ' ' : ': '),
+						show ?
+							e('span', {
+								className:'message',
+								style: is_action ? { color } : null
+							}, fragment)
+							:
+							e('span', {
+								className: 'chat-line__message--deleted',
+							}, e('a', {
+								href: '',
+								onClick: this.alwaysShowMessage
+							}, `<message deleted>`)),
+
+						/*this.state.renderDebug === 2 && e('div', {
+							className: 'border mg-t-05'
+						}, old_render.call(this)),
+
+						this.state.renderDebug === 1 && e('div', {
+							className: 'message--debug',
+							style: {
+								fontFamily: 'monospace',
+								whiteSpace: 'pre-wrap',
+								lineHeight: '1.1em'
+							}
+						}, JSON.stringify([tokens, msg.emotes], null, 2))*/
+					])
+				}
+
+				for(const inst of instances)
+					inst.forceUpdate();
+			});
+		}
+	}
+
+
+	wrapChatService(cls) {
+		const t = this,
+			old_handler = cls.prototype.connectHandlers;
+
+		cls.prototype._ffz_was_here = true;
+
+		cls.prototype.connectHandlers = function(...args) {
+			if ( ! this._ffz_init ) {
+				const i = this,
+					pm = this.postMessage;
+
+				for(const key of EVENTS) { // eslint-disable-line guard-for-in
+					const original = this[key];
+					if ( original )
+						this[key] = function(e, t) {
+							i._wrapped = e;
+							const ret = original.call(i, e, t);
+							i._wrapped = null;
+							return ret;
+						}
+				}
+
+				this.postMessage = function(e) {
+					const original = this._wrapped;
+					if ( original ) {
+						// Check that the message is relevant to this channel.
+						if ( original.channel && original.channel.slice(1) !== this.channelLogin )
+							return;
+
+						const c = e.channel = original.channel;
+						if ( c )
+							e.roomLogin = c.charAt(0) === '#' ? c.slice(1) : c;
+
+						if ( original.message ) {
+							if ( original.action )
+								e.message = original.action;
+							else
+								e.message = original.message.body;
+
+							if ( original.message.user )
+								e.emotes = original.message.user.emotes;
+						}
+
+						//e.original = original;
+					}
+
+					//t.log.info('postMessage', e);
+					return pm.call(this, e);
+				}
+
+				this._ffz_init = true;
+			}
+
+			return old_handler.apply(this, ...args);
+		}
+	}
+
+
+	updateChatLines() {
+		for(const inst of this.PinnedCheer.instances)
+			inst.forceUpdate();
+
+		for(const inst of this.ChatLine.instances)
+			inst.forceUpdate();
+	}
+
+
+	// ========================================================================
+	// Pinned Cheers
+	// ========================================================================
+
+	fixPinnedCheer(inst) {
+		const el = this.fine.getHostNode(inst),
+			container = el && el.querySelector && el.querySelector('.pinned-cheer__headline'),
+			tc = inst.props.topCheer;
+
+		if ( ! container || ! tc )
+			return;
+
+		container.dataset.roomId = inst.props.channelID;
+		container.dataset.room = inst.props.channelLogin;
+		container.dataset.userId = tc.user.userID;
+		container.dataset.user = tc.user.userLogin;
+
+		if ( tc.user.color ) {
+			const user_el = container.querySelector('.chat-author__display-name');
+			if ( user_el )
+				user_el.style.color = this.colors.process(tc.user.color);
+
+			const login_el = container.querySelector('.chat-author__intl-login');
+			if ( login_el )
+				login_el.style.color = this.colors.process(tc.user.color);
+		}
+
+		const bit_el = container.querySelector('.chat-line__message--emote'),
+			cont = bit_el ? bit_el.parentElement.parentElement : container.querySelector('.ffz--pinned-top-emote'),
+			prefix = extractCheerPrefix(tc.messageParts);
+
+		if ( cont && prefix ) {
+			const tokens = this.chat.tokenizeString(`${prefix}${tc.bits}`, tc);
+
+			cont.classList.add('ffz--pinned-top-emote');
+			cont.innerHTML = '';
+			setChildren(cont, this.chat.renderTokens(tokens));
+		}
+	}
+
+
+	// ========================================================================
+	// Room Handling
+	// ========================================================================
+
+	addRoom(thing, props) {
+		if ( ! props )
+			props = thing.props;
+
+		if ( ! props.channelID )
+			return null;
+
+		const room = thing._ffz_room = this.chat.getRoom(props.channelID, props.channelLogin, false, true);
+		room.ref(thing);
+		return room;
+	}
+
+
+	removeRoom(thing) { // eslint-disable-line class-methods-use-this
+		if ( ! thing._ffz_room )
+			return;
+
+		thing._ffz_room.unref(thing);
+		thing._ffz_room = null;
+	}
+
+
+	// ========================================================================
+	// Chat Controller
+	// ========================================================================
+
+	chatMounted(chat, props) {
+		if ( ! props )
+			props = chat.props;
+
+		if ( ! this.addRoom(chat, props) )
+			return;
+
+		this.updateRoomBitsConfig(chat, props.bitsConfig);
+	}
+
+
+	chatUpdated(chat, props) {
+		if ( props.channelID !== chat.props.channelID ) {
+			this.removeRoom(chat);
+			this.chatMounted(chat, props);
+			return;
+		}
+
+		if ( props.bitsConfig !== chat.props.bitsConfig )
+			this.updateRoomBitsConfig(chat, props.bitsConfig);
+
+		// TODO: Check if this is the room for the current channel.
+
+		this.settings.updateContext({
+			moderator: props.isCurrentUserModerator,
+			chatHidden: props.isHidden
+		});
+
+		this.chat.context.updateContext({
+			moderator: props.isCurrentUserModerator,
+			channel: props.channelLogin,
+			channelID: props.channelID,
+			ui: {
+				theme: props.theme
+			}
+		});
+	}
+
+
+	updateRoomBitsConfig(chat, config) { // eslint-disable-line class-methods-use-this
+		const room = chat._ffz_room;
+		if ( ! room )
+			return;
+
+		room.updateBitsConfig(formatBitsConfig(config));
+		this.updateChatLines();
+	}
+
+
+	// ========================================================================
+	// Chat Containers
+	// ========================================================================
+
+	containerMounted(cont, props) {
+		if ( ! props )
+			props = cont.props;
+
+		if ( ! this.addRoom(cont, props) )
+			return;
+
+		if ( props.badgeSets ) {
+			this.chat.updateBadges(props.badgeSets.globalsBySet);
+			this.updateRoomBadges(cont, props.badgeSets.channelsBySet);
+		}
+	}
+
+
+	containerUpdated(cont, props) {
+		if ( props.channelID !== cont.props.channelID ) {
+			this.removeRoom(cont);
+			this.containerMounted(cont, props);
+			return;
+		}
+
+		// Twitch, React, and Apollo are the trifecta of terror so we
+		// can't compare the badgeSets property in any reasonable way.
+		// Instead, just check the lengths to see if they've changed
+		// and hope that badge versions will never change separately.
+		const bs = props.badgeSets,
+			obs = cont.props.badgeSets,
+
+			bsgl = bs.globalsBySet && bs.globalsBySet.size || 0,
+			obsgl = obs.globalsBySet && obs.globalsBySet.size || 0,
+
+			bscl = bs.channelsBySet && bs.channelsBySet.size || 0,
+			obscl = obs.channelsBySet && obs.channelsBySet.size || 0;
+
+		if ( bsgl !== obsgl )
+			this.chat.updateBadges(bs.globalsBySet);
+
+		if ( bscl !== obscl )
+			this.updateRoomBadges(cont, bs.channelsBySet);
+	}
+
+	updateRoomBadges(cont, badges) { // eslint-disable-line class-methods-use-this
+		const room = cont._ffz_room;
+		if ( ! room )
+			return;
+
+		room.updateBadges(badges);
+		this.updateChatLines();
+	}
+}
+
+
+// ============================================================================
+// Processing Functions
+// ============================================================================
+
+export function formatBitsConfig(config) {
+	if ( ! config )
+		return;
+
+	const out = {},
+		actions = config.indexedActions;
+
+	for(const key in actions)
+		if ( has(actions, key) ) {
+			const action = actions[key],
+				new_act = out[key] = {
+					id: action.id,
+					prefix: action.prefix,
+					tiers: []
+				};
+
+			for(const tier of action.orderedTiers) {
+				const images = {};
+				for(const im of tier.images) {
+					const themed = images[im.theme] = images[im.theme] || [],
+						ak = im.isAnimated ? 'animated' : 'static',
+						anim = themed[ak] = themed[ak] || {};
+
+					anim[im.dpiScale] = im.url;
+				}
+
+				new_act.tiers.push({
+					amount: tier.bits,
+					color: tier.color,
+					id: tier.id,
+					images
+				})
+			}
+		}
+
+	return out;
+}
+
+
+function extractCheerPrefix(parts) {
+	for(const part of parts) {
+		if ( part.type !== 3 || ! part.content.cheerAmount )
+			continue;
+
+		return part.content.alt;
+	}
+
+	return null;
+}
+
+
+export function detokenizeMessage(msg) {
+	const out = [],
+		parts = msg.messageParts,
+		l = parts.length,
+		emotes = {};
+
+	let idx = 0, ret, last_type = null;
+
+	for(let i=0; i < l; i++) {
+		const part = parts[i],
+			type = part.type,
+			content = part.content;
+
+		if ( type === 0 )
+			ret = content;
+
+		else if ( type === 1 )
+			ret = `@${content.recipient}`;
+
+		else if ( type === 2 )
+			ret = content.displayText;
+
+		else if ( type === 3 ) {
+			if ( content.cheerAmount ) {
+				ret = `${content.alt}${content.cheerAmount}`;
+
+			} else {
+				const url = (content.images.themed ? content.images.dark : content.images.sources)['1x'],
+					match = /\/emoticons\/v1\/(\d+)\/[\d.]+$/.exec(url),
+					id = match && match[1];
+
+				ret = content.alt;
+
+				if ( id ) {
+					const em = emotes[id] = emotes[id] || [],
+						offset = last_type > 0 ? 1 : 0;
+					em.push({startIndex: idx + offset, endIndex: idx + ret.length - 1});
+				}
+			}
+
+			if ( last_type > 0 )
+				ret = ` ${ret}`;
+
+		} else if ( type === 4 )
+			ret = `https://clips.twitch.tv/${content.slug}`;
+
+		if ( ret ) {
+			idx += ret.length;
+			last_type = type;
+			out.push(ret);
+		}
+	}
+
+	msg.message = out.join('');
+	msg.emotes = emotes;
+	return msg;
+}
\ No newline at end of file
diff --git a/src/sites/twitch-twilight/modules/css_tweaks/index.js b/src/sites/twitch-twilight/modules/css_tweaks/index.js
new file mode 100644
index 00000000..8b5a0f06
--- /dev/null
+++ b/src/sites/twitch-twilight/modules/css_tweaks/index.js
@@ -0,0 +1,214 @@
+'use strict';
+
+// ============================================================================
+// CSS Tweaks for Twitch Twilight
+// ============================================================================
+
+import Module from 'utilities/module';
+import {ManagedStyle} from 'utilities/dom';
+import {has} from 'utilities/object';
+
+
+const CLASSES = {
+	'side-nav': '.side-nav',
+	'side-rec-channels': '.side-nav .recommended-channels',
+	'side-rec-friends': '.side-nav .recommended-friends',
+	'side-friends': '.side-nav .online-friends',
+	'side-closed-friends': '.side-nav--collapsed .online-friends',
+	'side-closed-rec-channels': '.side-nav--collapsed .recommended-channels',
+
+	'pinned-cheer': '.pinned-cheer',
+	'whispers': '.whispers'
+};
+
+
+export default class CSSTweaks extends Module {
+	constructor(...args) {
+		super(...args);
+
+		this.should_enable = true;
+
+		this.inject('settings');
+		this.inject('site.chat');
+		this.inject('site.theme');
+
+		this.style = new ManagedStyle;
+		this.chunks = {};
+		this.chunks_loaded = false;
+
+
+		// Layout
+
+		this.settings.add('layout.side-nav.show', {
+			default: true,
+			ui: {
+				sort: -1,
+				path: 'Appearance > Layout >> Side Navigation',
+				title: 'Display Side Navigation',
+
+				component: 'setting-check-box'
+			},
+			changed: val => this.toggleHide('side-nav', !val)
+		});
+
+		this.settings.add('layout.side-nav.show-rec-channels', {
+			default: 1,
+			ui: {
+				path: 'Appearance > Layout >> Side Navigation',
+				title: 'Display Recommended Channels',
+				component: 'setting-select-box',
+				data: [
+					{value: 0, title: 'Never'},
+					{value: 1, title: 'Always'},
+					{value: 2, title: 'When Side Navigation is Open'}
+				]
+			},
+			changed: val => {
+				this.toggleHide('side-rec-channels', val === 0);
+				this.toggleHide('side-closed-rec-channels', val === 2);
+			}
+		});
+
+		this.settings.add('layout.side-nav.show-friends', {
+			default: 1,
+			ui: {
+				path: 'Appearance > Layout >> Side Navigation',
+				title: 'Display Online Friends',
+				component: 'setting-select-box',
+				data: [
+					{value: 0, title: 'Never'},
+					{value: 1, title: 'Always'},
+					{value: 2, title: 'When Side Navigation is Open'}
+				]
+			},
+			changed: val => {
+				this.toggleHide('side-friends', val === 0);
+				this.toggleHide('side-closed-friends', val === 2);
+			}
+		});
+
+		this.settings.add('layout.side-nav.show-rec-friends', {
+			default: true,
+			ui: {
+				path: 'Appearance > Layout >> Side Navigation',
+				title: 'Display Recommended Friends',
+				component: 'setting-check-box'
+			},
+			changed: val => this.toggleHide('side-rec-friends', !val)
+		});
+
+		this.settings.add('layout.swap-sidebars', {
+			default: false,
+			ui: {
+				path: 'Appearance > Layout >> General',
+				title: 'Swap Sidebars',
+				description: 'Swap navigation and chat to the opposite sides of the window.',
+
+				component: 'setting-check-box'
+			},
+			changed: val => this.toggle('swap-sidebars', val)
+		});
+
+		this.settings.add('layout.minimal-navigation', {
+			default: false,
+			ui: {
+				path: 'Appearance > Layout >> General',
+				title: 'Minimize Navigation',
+				description: "Slide the site navigation bar up out of view when it isn't in use.",
+
+				component: 'setting-check-box'
+			},
+			changed: val => this.toggle('minimal-navigation', val)
+		});
+
+
+		// Chat
+
+		this.settings.add('whispers.show', {
+			default: true,
+			ui: {
+				path: 'Chat > Whispers >> General',
+				title: 'Display Whispers',
+				component: 'setting-check-box'
+			},
+			changed: val => this.toggleHide('whispers', !val)
+		});
+
+		this.settings.add('chat.bits.show', {
+			default: true,
+			ui: {
+				order: -1,
+				path: 'Chat > Bits and Cheering >> Appearance',
+				title: 'Display Bits',
+				description: 'Display UI associated with bits. Note: This will not hide cheering in chat messages.',
+				component: 'setting-check-box'
+			},
+			changed: val => this.toggle('hide-bits', !val)
+		});
+	}
+
+	onEnable() {
+		this.toggle('swap-sidebars', this.settings.get('layout.swap-sidebars'));
+		this.toggle('minimal-navigation', this.settings.get('layout.minimal-navigation'));
+
+		this.toggleHide('side-nav', !this.settings.get('layout.side-nav.show'));
+		this.toggleHide('side-rec-friends', !this.settings.get('layout.side-nav.show-rec-friends'));
+
+		const recs = this.settings.get('layout.side-nav.show-rec-channels');
+		this.toggleHide('side-rec-channels', recs === 0);
+		this.toggleHide('side-closed-rec-channels', recs === 2);
+
+		const friends = this.settings.get('layout.side-nav.show-friends');
+		this.toggleHide('side-friends', friends === 0);
+		this.toggleHide('side-closed-friends', friends === 2);
+
+		this.toggleHide('whispers', !this.settings.get('whispers.show'));
+	}
+
+
+	toggleHide(key, val) {
+		const k = `hide--${key}`;
+		if ( ! val ) {
+			this.style.delete(k);
+			return;
+		}
+
+		if ( ! has(CLASSES, key) )
+			throw new Error(`cannot find class for "${key}"`);
+
+		this.style.set(k, `${CLASSES[key]} { display: none !important }`);
+	}
+
+
+	async toggle(key, val) {
+		if ( ! val ) {
+			this.style.delete(key);
+			return;
+		}
+
+		if ( ! this.chunks_loaded )
+			await this.populate();
+
+		if ( ! has(this.chunks, key) )
+			throw new Error(`cannot find chunk "${key}"`);
+
+		this.style.set(key, this.chunks[key]);
+	}
+
+
+	populate() {
+		if ( this.chunks_loaded )
+			return;
+
+		return new Promise(async r => {
+			const raw = (await import(/* webpackChunkName: "site-css-tweaks" */ './styles.js')).default;
+			for(const key of raw.keys()) {
+				const k = key.slice(2, key.length - (key.endsWith('.scss') ? 5 : 4));
+				this.chunks[k] = raw(key);
+			}
+
+			this.chunks_loaded = true;
+			r();
+		})
+	}
+}
\ No newline at end of file
diff --git a/src/sites/twitch-twilight/modules/css_tweaks/styles.js b/src/sites/twitch-twilight/modules/css_tweaks/styles.js
new file mode 100644
index 00000000..dd6cb65f
--- /dev/null
+++ b/src/sites/twitch-twilight/modules/css_tweaks/styles.js
@@ -0,0 +1,3 @@
+'use strict';
+
+export default require.context('!raw-loader!sass-loader!./styles', false, /\.s?css$/);
\ No newline at end of file
diff --git a/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-borders-3d-inset.scss b/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-borders-3d-inset.scss
new file mode 100644
index 00000000..c53241b1
--- /dev/null
+++ b/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-borders-3d-inset.scss
@@ -0,0 +1,19 @@
+.chat-line__message,
+.chat-line__moderation,
+.chat-line__status,
+.chat-line__raid,
+.chat-line__subscribe {
+	padding-top: calc(.5rem - 1px) !important;
+
+	border-top: 1px solid #aaa;
+	border-bottom-color: rgba(255,255,255,0.5);
+
+	.theme--dark & {
+		border-top-color: #000;
+		border-bottom-color: rgba(255,255,255,0.1);
+	}
+
+	&:first-child {
+		border-top-color: transparent !important;
+	}
+}
\ No newline at end of file
diff --git a/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-borders-3d.scss b/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-borders-3d.scss
new file mode 100644
index 00000000..5eaa40a2
--- /dev/null
+++ b/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-borders-3d.scss
@@ -0,0 +1,19 @@
+.chat-line__message,
+.chat-line__moderation,
+.chat-line__status,
+.chat-line__raid,
+.chat-line__subscribe {
+	padding-top: calc(.5rem - 1px) !important;
+
+	border-top: 1px solid rgba(255,255,255,0.5);
+	border-bottom-color: #aaa;
+
+	.theme--dark & {
+		border-top-color: rgba(255,255,255,0.1);
+		border-bottom-color: #000;
+	}
+
+	&:first-child {
+		border-top-color: transparent !important;
+	}
+}
\ No newline at end of file
diff --git a/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-borders-wide.scss b/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-borders-wide.scss
new file mode 100644
index 00000000..3a36f602
--- /dev/null
+++ b/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-borders-wide.scss
@@ -0,0 +1,17 @@
+.chat-line__message,
+.chat-line__moderation,
+.chat-line__status,
+.chat-line__raid,
+.chat-line__subscribe {
+	padding-top: calc(.5rem - 1px) !important;
+
+	border-top: 1px solid #dad8de;
+
+	.theme--dark & {
+		border-top-color: #2c2541;
+	}
+
+	&:first-child {
+		border-top-color: transparent !important;
+	}
+}
\ No newline at end of file
diff --git a/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-borders.scss b/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-borders.scss
new file mode 100644
index 00000000..ae72edf0
--- /dev/null
+++ b/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-borders.scss
@@ -0,0 +1,17 @@
+.chat-line__message,
+.chat-line__moderation,
+.chat-line__status,
+.chat-line__raid,
+.chat-line__subscribe {
+	padding-bottom: calc(.5rem - 1px) !important;
+
+	border-bottom: 1px solid #dad8de;
+
+	.theme--dark & {
+		border-bottom-color: #2c2541;
+	}
+
+	&:last-child:nth-child(odd) {
+		border-bottom-color: transparent !important;
+	}
+}
\ No newline at end of file
diff --git a/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-padding.scss b/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-padding.scss
new file mode 100644
index 00000000..1a5654fb
--- /dev/null
+++ b/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-padding.scss
@@ -0,0 +1,7 @@
+.chat-line__message,
+.chat-line__moderation,
+.chat-line__status,
+.chat-line__raid,
+.chat-line__subscribe {
+	padding: .5rem 1rem !important;
+}
\ No newline at end of file
diff --git a/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-rows.scss b/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-rows.scss
new file mode 100644
index 00000000..2f2aad25
--- /dev/null
+++ b/src/sites/twitch-twilight/modules/css_tweaks/styles/chat-rows.scss
@@ -0,0 +1,16 @@
+.chat-line__moderation,
+.chat-line__status,
+.chat-line__raid,
+.chat-line__subscribe,
+.chat-line__message {
+	background-color: transparent !important;
+
+	&:nth-child(2n+0) {
+		background-color: rgba(0,0,0,0.1) !important;
+
+		.theme--dark & {
+			background-color: rgba(255,255,255,0.05) !important;
+		}
+	}
+}
+
diff --git a/src/sites/twitch-twilight/modules/css_tweaks/styles/hide-bits.scss b/src/sites/twitch-twilight/modules/css_tweaks/styles/hide-bits.scss
new file mode 100644
index 00000000..0334006f
--- /dev/null
+++ b/src/sites/twitch-twilight/modules/css_tweaks/styles/hide-bits.scss
@@ -0,0 +1,4 @@
+.chat-input button[data-a-target="bits-button"],
+.channel-header__right > .mg-l-1 > div > div > button:not([data-a-target]) {
+	display: none;
+}
\ No newline at end of file
diff --git a/src/sites/twitch-twilight/modules/css_tweaks/styles/minimal-navigation.scss b/src/sites/twitch-twilight/modules/css_tweaks/styles/minimal-navigation.scss
new file mode 100644
index 00000000..483c88ad
--- /dev/null
+++ b/src/sites/twitch-twilight/modules/css_tweaks/styles/minimal-navigation.scss
@@ -0,0 +1,12 @@
+.twilight-root {
+	top: 1rem !important;
+
+	.top-nav {
+		top: -4rem !important;
+		transition: top ease-in-out 75ms, bottom ease-in-out 75ms;
+
+		&:hover {
+			top: 0 !important;
+		}
+	}
+}
\ No newline at end of file
diff --git a/src/sites/twitch-twilight/modules/css_tweaks/styles/swap-sidebars.scss b/src/sites/twitch-twilight/modules/css_tweaks/styles/swap-sidebars.scss
new file mode 100644
index 00000000..933576c5
--- /dev/null
+++ b/src/sites/twitch-twilight/modules/css_tweaks/styles/swap-sidebars.scss
@@ -0,0 +1,33 @@
+.twilight-main { order: 2 }
+.side-nav { order: 3 }
+.right-column { order: 1 }
+
+.side-nav__toggle-visibility {
+	right: unset !important;
+	left: -2.5rem;
+	svg { transform: rotate(180deg) }
+}
+
+.right-column__toggle-visibility {
+	left: unset !important;
+	right: -2.5rem;
+	svg { transform: rotate(180deg) }
+}
+
+.side-nav__theme-wrapper.border-r {
+	border-right: none !important;
+	border-left: 1px solid #dad8de;
+
+	.theme--dark & {
+		border-left-color: #2c2541;
+	}
+}
+
+.chat__pane {
+	border-left: none !important;
+	border-right: 1px solid #dad8de;
+
+	.theme--dark & {
+		border-right-color: #2c2541;
+	}
+}
\ No newline at end of file
diff --git a/src/sites/twitch-twilight/modules/menu_button.js b/src/sites/twitch-twilight/modules/menu_button.js
new file mode 100644
index 00000000..b96ff93d
--- /dev/null
+++ b/src/sites/twitch-twilight/modules/menu_button.js
@@ -0,0 +1,113 @@
+'use strict';
+
+// ============================================================================
+// Menu Button Module
+// ============================================================================
+
+import {SiteModule} from 'utilities/module';
+import {createElement as e} from 'utilities/dom';
+
+export default class MenuButton extends SiteModule {
+	constructor(...args) {
+		super(...args);
+
+		this.inject('i18n');
+		this.should_enable = true;
+
+		this._pill_content = '';
+
+		this._pill = null;
+		this._tip = null;
+		this._el = null;
+	}
+
+
+	get pill() {
+		return this._pill_content;
+	}
+
+	set pill(val) {
+		this._pill_content = val;
+		if ( this._pill )
+			this._pill.innerHTML = this.formatPill();
+	}
+
+	formatPill() {
+		const val = this._pill_content;
+		if ( typeof val === 'number' )
+			return val.toLocaleString(this.i18n.locale);
+		return val;
+	}
+
+
+	async onEnable() {
+		const site = this.site,
+			container = await site.awaitElement('.top-nav__menu'),
+			user_menu = container.querySelector('.top-nav__nav-items-container:last-child');
+
+
+		this._el = e('div',
+			'ffz-top-nav align-self-center flex-grow-0 flex-shrink-0 flex-nowrap pd-r-1 pd-l-05',
+			this._btn = e('button',
+				{
+					className: 'tw-button-icon tw-button-icon--overlay tw-button-icon--large',
+					onClick: e => this.emit(':clicked', e)
+				},
+				e('div', 'tw-tooltip-wrapper', [
+					e('span', 'tw-button-icon__icon',
+						e('figure', 'ffz-i-zreknarf')
+					),
+
+					e('div', 'ffz-menu__pill absolute',
+						e('div', 'tw-animation tw-animation--animate tw-animation--duration-medium tw-animation--timing-ease-in tw-animation--bounce-in',
+							this._pill = e('span', 'tw-pill tw-pill--notification', this.formatPill(), true)
+						)
+					),
+
+					this._tip = e('div', 'tw-tooltip tw-tooltip--down tw-tooltip--align-center')
+				])
+			)
+		);
+
+		this.onTranslate();
+
+		container.insertBefore(this._el, user_menu);
+
+		this.once(':clicked', this.loadMenu);
+		this.on('i18n:update', this.onTranslate);
+	}
+
+	onTranslate() {
+		if ( this._tip )
+			this._tip.textContent = this.i18n.t('site.menu_button', 'FrankerFaceZ Control Center');
+
+		if ( this._pill )
+			this._pill.innerHTML = this.formatPill();
+	}
+
+	loadMenu(event) {
+		const cl = this._btn.classList;
+		cl.add('loading');
+
+		this.resolve('main_menu').enable(event).then(() => {
+			cl.remove('loading');
+
+		}).catch(err => {
+			// TODO: Show a proper dialog and not an alert.
+			this.log.error('Error enabling main menu.', err);
+			alert('There was an error displaying the menu.'); // eslint-disable-line no-alert
+
+			cl.remove('loading');
+			this.once(':clicked', this.loadMenu);
+		})
+	}
+
+	onDisable() {
+		this.off('i18n:update', this.onTranslate);
+
+		if ( this._el )
+			this._el.parentElement.removeChild(this._el);
+
+		this._pill = this._tip = this._el = null;
+	}
+}
\ No newline at end of file
diff --git a/src/sites/twitch-twilight/modules/player.js b/src/sites/twitch-twilight/modules/player.js
new file mode 100644
index 00000000..acd51f5b
--- /dev/null
+++ b/src/sites/twitch-twilight/modules/player.js
@@ -0,0 +1,101 @@
+'use strict';
+
+// ============================================================================
+// Twitch Player
+// ============================================================================
+
+import Module from 'utilities/module';
+import {createElement as e} from 'utilities/dom';
+
+
+export default class Player extends Module {
+	constructor(...args) {
+		super(...args);
+
+		this.should_enable = true;
+
+		this.inject('site.fine');
+		this.inject('site.web_munch');
+		this.inject('i18n');
+
+		this.Player = this.fine.define(
+			'twitch-player',
+			n => n.player && n.onPlayerReady
+		);
+	}
+
+	onEnable() {
+		const t = this;
+
+		this.Player.ready((cls, instances) => {
+			const old_init = cls.prototype.initializePlayer;
+
+			cls.prototype.initializePlayer = function() {
+				const ret = old_init.call(this);
+				t.addResetButton(this);
+				return ret;
+			}
+
+			for(const inst of instances)
+				this.addResetButton(inst);
+		});
+
+		this.on('i18n:update', () => {
+			for(const inst of this.Player.instances)
+				this.addResetButton(inst);
+		});
+	}
+
+
+	addResetButton(inst) {
+		if ( ! inst.playerRef )
+			return this.log.warn('no player ref');
+
+		const t = this,
+			el = inst.playerRef.querySelector('.player-buttons-right .pl-flex'),
+			container = el && el.parentElement;
+
+		if ( ! container )
+			return;
+
+		let tip = container.querySelector('.ffz--player-reset .player-tip');
+
+		if ( ! tip )
+			container.insertBefore(
+				e('button', {
+					className: 'player-button player-button--reset ffz--player-reset ffz-i-cancel',
+					type: 'button',
+					onDblClick: t.resetPlayer.bind(t, inst)
+				}, tip = e('span', 'player-tip js-control-tip')),
+				el.nextSibling
+			);
+
+		tip.dataset.tip = this.i18n.t('player.reset_button', 'Double-Click to Reset Player');
+	}
+
+
+	resetPlayer(inst) {
+		// Player shutdown logic copied from componentWillUnmount
+		inst.checkPlayerDependencyAnimationFrame && cancelAnimationFrame(inst.checkPlayerDependencyAnimationFrame);
+		inst.checkPlayerDependencyAnimationFrame = null;
+		inst.maybeDetachFromWindow();
+
+		const ES = this.web_munch.getModule('extension-service');
+		if ( ES )
+			ES.extensionService.unregisterPlayer();
+
+		inst.player.destroy();
+		inst.playerRef.innerHTML = '';
+
+		inst.initializePlayer();
+	}
+
+
+	get current() {
+		// There should only ever be one player instance, but might change
+		// when they re-add support for the mini player.
+		for(const inst of this.Player.instances)
+			if ( inst && inst.player )
+				return inst.player;
+	}
+}
\ No newline at end of file
diff --git a/src/sites/twitch-twilight/modules/theme/index.js b/src/sites/twitch-twilight/modules/theme/index.js
new file mode 100644
index 00000000..dbed16f4
--- /dev/null
+++ b/src/sites/twitch-twilight/modules/theme/index.js
@@ -0,0 +1,75 @@
+'use strict';
+
+// ============================================================================
+// Menu Module
+// ============================================================================
+
+import Module from 'utilities/module';
+import {createElement as e} from 'utilities/dom';
+
+import THEME_CSS_URL from 'styles/theme.scss';
+
+
+export default class ThemeEngine extends Module {
+	constructor(...args) {
+		super(...args);
+		this.inject('site');
+		this.inject('settings');
+
+		this.should_enable = true;
+
+		/*this.settings.add('theme.dark', {
+			default: false,
+
+			ui: {
+				path_tokens: [
+					{
+						title: 'Appearance',
+						description: 'Personalize the appearance of Twitch. Change the color scheme and fonts and tune the layout to optimize your experience.'
+					},
+					'Theme',
+					{key: 'tabs', page: true},
+					{title: 'General', tab: true}
+				],
+
+				title: 'Dark Mode',
+				component: 'setting-check-box'
+			}
+		});*/
+
+		this.settings.add('theme.is-dark', {
+			requires: ['context.ui.theme'],
+			process(ctx) {
+				return ctx.get('context.ui.theme') === 1;
+			}
+		});
+
+		this._style = null;
+	}
+
+	onLoad() {
+		this._style = e('link', {
+			rel: 'stylesheet',
+			type: 'text/css',
+			href: THEME_CSS_URL
+		});
+
+		document.head.appendChild(this._style);
+	}
+
+	onUnload() {
+		document.head.removeChild(this._style);
+		this._style = null;
+	}
+
+	/*onEnable() {
+		//document.querySelector('[data-reactroot]').classList.add('theme--ffz');
+
+		//this._update_dark_mode();
+		//this.settings.on(':changed:theme.dark', this._update_dark_mode, this);
+	}
+
+	_update_dark_mode() {
+		document.querySelector('[data-reactroot]').classList.toggle('theme--dark', this.settings.get('theme.dark'));
+	}*/
+}
\ No newline at end of file
diff --git a/src/sites/twitch-twilight/styles/channel.scss b/src/sites/twitch-twilight/styles/channel.scss
new file mode 100644
index 00000000..647d99c9
--- /dev/null
+++ b/src/sites/twitch-twilight/styles/channel.scss
@@ -0,0 +1,21 @@
+.channel-info-bar__action-container {
+	& > .flex {
+		& > * {
+			margin-left: 0 !important;
+			margin-right: 1rem !important;
+			order: 50;
+		}
+
+		.c-text-live {
+			order: 1;
+		}
+
+		.tw-tooltip-wrapper {
+			order: 100;
+		}
+	}
+
+	& > .flex:last-child > :last-child {
+		margin-right: 0 !important
+	}
+}
\ No newline at end of file
diff --git a/src/sites/twitch-twilight/styles/chat.scss b/src/sites/twitch-twilight/styles/chat.scss
new file mode 100644
index 00000000..bba0f297
--- /dev/null
+++ b/src/sites/twitch-twilight/styles/chat.scss
@@ -0,0 +1,3 @@
+.chat-author__display-name {
+	cursor: pointer;
+}
\ No newline at end of file
diff --git a/src/sites/twitch-twilight/styles/main.scss b/src/sites/twitch-twilight/styles/main.scss
new file mode 100644
index 00000000..f19abbf8
--- /dev/null
+++ b/src/sites/twitch-twilight/styles/main.scss
@@ -0,0 +1,8 @@
+@import 'styles/main.scss';
+
+@import 'menu_button';
+@import 'main_menu';
+@import 'player';
+@import 'channel';
+
+@import 'chat';
\ No newline at end of file
diff --git a/src/sites/twitch-twilight/styles/main_menu.scss b/src/sites/twitch-twilight/styles/main_menu.scss
new file mode 100644
index 00000000..0b7daabc
--- /dev/null
+++ b/src/sites/twitch-twilight/styles/main_menu.scss
@@ -0,0 +1,50 @@
+.ffz-main-menu {
+	&:not(.maximized) {
+		position: absolute;
+		top: 25%;
+		left: 25%;
+
+		z-index: 99999999;
+
+		height: 50vh;
+		width: 50vw;
+
+		min-width: 640px;
+		min-height: 300px;
+
+		> header {
+			cursor: move;
+		}
+	}
+
+	&.maximized {
+		position: unset !important;
+		width: 100%;
+		height: 100%;
+
+		border: none;
+		border-top: 1px solid transparent;
+
+		> header {
+			cursor: default;
+			padding: 1rem 3rem !important;
+		}
+	}
+
+	.want-ps {
+		overflow-y: auto;
+	}
+
+	> header {
+		user-select: none;
+
+		.tw-search-input {
+			max-width: 40rem
+		}
+	}
+}
+
+
+.ffz-has-menu > :not(.ffz-main-menu) {
+	display: none !important
+}
\ No newline at end of file
diff --git a/src/sites/twitch-twilight/styles/menu_button.scss b/src/sites/twitch-twilight/styles/menu_button.scss
new file mode 100644
index 00000000..7b03c7d8
--- /dev/null
+++ b/src/sites/twitch-twilight/styles/menu_button.scss
@@ -0,0 +1,15 @@
+.ffz-top-nav {
+	.ffz-menu__pill {
+		top: -1rem;
+		right: -.3rem;
+		font-size: 1.2rem;
+	}
+
+	.pd-r-1 + & {
+		margin-left: -.5rem;
+	}
+
+	.loading figure {
+		animation: ffz-rotateplane 1.2s infinite linear;
+	}
+}
\ No newline at end of file
diff --git a/src/sites/twitch-twilight/styles/player.scss b/src/sites/twitch-twilight/styles/player.scss
new file mode 100644
index 00000000..df5ae874
--- /dev/null
+++ b/src/sites/twitch-twilight/styles/player.scss
@@ -0,0 +1,13 @@
+.ffz--player-reset:hover:before {
+	color: #a991d4;
+}
+
+.ffz--player-reset:before {
+	font-size: 2rem;
+}
+
+.player-controls-bottom .player-tip {
+	top: auto;
+	bottom: 4rem;
+	height: auto;
+}
\ No newline at end of file
diff --git a/src/socket.js b/src/socket.js
index b1f29cb5..d59edbba 100644
--- a/src/socket.js
+++ b/src/socket.js
@@ -1,485 +1,461 @@
-var FFZ = window.FrankerFaceZ,
-	constants = require('./constants'),
-	utils = require('./utils'),
+'use strict';
 
-	pick_server = function(pool) {
-		var total = 0, i = pool.length, val;
-		while(i--)
-			total += pool[i][1];
+// ============================================================================
+// Socket Client
+// This connects to the FrankerFaceZ socket servers for PubSub and RPC.
+// ============================================================================
 
-		val = Math.random() * total;
-		for(i = 0; i < pool.length; i++) {
-			val -= pool[i][1];
+import Module from 'utilities/module';
+import {DEBUG, WS_CLUSTERS} from 'utilities/constants';
+
+
+export const State = {
+	DISCONNECTED: 0,
+	CONNECTING: 1,
+	CONNECTED: 2
+}
+
+
+export default class SocketClient extends Module {
+	constructor(...args) {
+		super(...args);
+
+		this.inject('settings');
+
+		this.settings.add('socket.cluster', {
+			default: 'Production',
+
+			ui: {
+				path: 'Debugging @{"expanded": false, "sort": 9999} > Socket >> General',
+				title: 'Server Cluster',
+
+				component: 'setting-select-box',
+
+				data: [{
+					value: null,
+					title: 'Disabled'
+				}].concat(Object.keys(WS_CLUSTERS).map(x => ({
+					value: x,
+					title: x
+				})))
+			}
+		});
+
+		this._want_connected = false;
+
+		this._topics = new Set;
+		this._pending = [];
+		this._awaiting = new Map;
+
+		this._socket = null;
+		this._state = 0;
+		this._last_id = 1;
+
+		this._delay = 0;
+		this._last_ping = null;
+		this._time_drift = 0;
+
+		this._host_idx = -1;
+		this._host_pool = -1;
+
+
+		this.settings.on(':changed:socket.cluster', () => {
+			this._host = null;
+			if ( this.disconnected)
+				this.connect();
+			else
+				this.reconnect();
+		});
+
+		this.on(':command:reconnect', this.reconnect, this);
+
+		this.on(':command:do_authorize', challenge => {
+			this.log.warn('Unimplemented: do_authorize', challenge);
+		});
+
+
+		this.enable();
+	}
+
+
+	onEnable() { this.connect() }
+	onDisable() { this.disconnect() }
+
+
+	// ========================================================================
+	// Properties
+	// ========================================================================
+
+	get connected() {
+		return this._state === State.CONNECTED;
+	}
+
+
+	get connecting() {
+		return this._state === State.CONNECTING;
+	}
+
+
+	get disconnected() {
+		return this._state === State.DISCONNECTED;
+	}
+
+
+	// ========================================================================
+	// Connection Logic
+	// ========================================================================
+
+	selectHost() {
+		const cluster_id = this.settings.get('socket.cluster'),
+			cluster = WS_CLUSTERS[cluster_id];
+
+		if ( ! cluster || ! cluster.length )
+			return null;
+
+		let total = 0, i = cluster.length, l = i;
+		while(i-- > 0)
+			total += cluster[i][1];
+
+		let val = Math.random() * total;
+		for(let i=0; i < l; i++) {
+			val -= cluster[i][1];
 			if ( val <= 0 )
-				return i;
+				return cluster[i][0];
 		}
 
-		return pool.length - 1;
-	};
+		return cluster[l-1][0];
+	}
 
 
-FFZ.prototype._ws_open = false;
-FFZ.prototype._ws_delay = 0;
-FFZ.prototype._ws_host_idx = -1;
-FFZ.prototype._ws_current_pool = -1;
-FFZ.prototype._ws_last_ping = null;
+	_reconnect() {
+		if ( ! this._reconnect_timer ) {
+			if ( this._delay < 60000 )
+				this._delay += (Math.floor(Math.random() * 10) + 5) * 1000;
+			else
+				this._delay = (Math.floor(Math.random() * 60) + 30) * 1000;
 
-FFZ.prototype._ws_server_offset = null;
+			this._reconnect_timer = setTimeout(() => {
+				this.connect();
+			}, this._delay);
+		}
+	}
 
 
-FFZ.ws_commands = {};
-FFZ.ws_on_close = [];
+	reconnect() {
+		this.disconnect();
+		this._reconnect();
+	}
 
 
-// ----------------
-// Settings
-// ----------------
+	connect() {
+		this._want_connected = true;
 
-/*var ffz_socket_seed;
+		if ( this._reconnect_timer ) {
+			clearTimeout(this._reconnect_timer);
+			this._reconnect_timer = null;
+		}
 
-try {
-	ffz_socket_seed = JSON.parse(localStorage.ffz_socket_seed);
-} catch(err) { }
-
-if ( ! ffz_socket_seed ) {
-	ffz_socket_seed = Math.random();
-	localStorage.ffz_socket_seed = JSON.stringify(ffz_socket_seed);
-}*/
-
-
-FFZ.settings_info.socket_server_pool = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		1: "Production",
-		2: "Development"
-	},
-
-	value: 1,
-
-	process_value: function(val) {
-		if ( typeof val === "string" )
-			return parseInt(val) || 0;
-		return val;
-	},
-
-	visible: function() { return (localStorage.getItem('ffz_socket_server_pool') !== null && this.settings.socket_server_pool !== 1) || this.settings.developer_mode || (Date.now() - parseInt(localStorage.ffzLastDevMode || "0")) < 604800000; },
-
-	category: "Debugging",
-	name: "Socket Server Cluster",
-	help: "Select which cluster of socket servers to connect to.",
-
-	on_update: function(val) {
-		if ( val === this._ws_current_pool )
+		if ( ! this.disconnected )
 			return;
 
+		const host = this._host = this._host || this.selectHost();
+		if ( ! host )
+			return;
+
+		this._state = State.CONNECTING;
+		this._last_id = 1;
+
+		this._delay = 0;
+		this._last_ping = null;
+
+		this.log.info(`Using Server: ${host}`);
+
+		let ws;
+
 		try {
-			this._ws_sock.close();
-		} catch(err) { }
-
-		this._ws_open = false;
-		this._ws_delay = 0;
-		this._ws_host_idx = -1;
-
-		if ( this._ws_recreate_timer ) {
-			clearTimeout(this._ws_recreate_timer);
-			this._ws_recreate_timer = null;
-		}
-
-		if ( val === 0 )
+			ws = this._socket = new WebSocket(host);
+		} catch(err) {
+			this._state = State.DISCONNECTED;
+			this._reconnect();
+			this.log.error('Unable to create WebSocket.', err);
 			return;
-
-		this.ws_create();
-	}
-};
-
-
-// ----------------
-// Subscription
-// ----------------
-
-FFZ.prototype.ws_sub = function(topic) {
-	this._ws_topics = this._ws_topics || {};
-	if ( this._ws_topics[topic] )
-		return true;
-
-	if ( ! this._ws_open )
-		return false;
-
-	this.ws_send("sub", topic);
-	this._ws_topics[topic] = true;
-	return true;
-}
-
-
-FFZ.prototype.ws_unsub = function(topic) {
-	this._ws_topics = this._ws_topics || {};
-	if ( ! this._ws_topics[topic] )
-		return true;
-
-	if ( ! this._ws_open )
-		return true;
-
-	this.ws_send("unsub", topic);
-	this._ws_topics[topic] = false;
-	return true;
-}
-
-
-// ----------------
-// Socket Creation
-// ----------------
-
-FFZ.prototype.ws_create = function() {
-	var f = this, ws;
-
-	this._ws_last_req = 1;
-	this._ws_callbacks = {1: f._ws_on_hello.bind(f)};
-	this._ws_pending = this._ws_pending || [];
-	this._ws_topics = {};
-	this._ws_recreate_timer = null;
-
-	var pool_id = this.settings.socket_server_pool,
-		pool = constants.WS_SERVER_POOLS[pool_id];
-
-	this._ws_current_pool = pool_id;
-
-	if ( ! pool )
-		return;
-
-	if ( this._ws_host_idx < 0 )
-		this._ws_host_idx = pick_server(pool);
-
-	var server = pool[this._ws_host_idx][0];
-
-	this.log("Using Socket Server: " + server + " [" + pool_id + ":" + this._ws_host_idx + "]");
-
-	try {
-		ws = this._ws_sock = new WebSocket(server);
-	} catch(err) {
-		this._ws_exists = false;
-		return this.log("Error Creating WebSocket: " + err);
-	}
-
-	this._ws_exists = true;
-
-	ws.onopen = function(e) {
-		f._ws_open = true;
-		f._ws_authenticated = false;
-		f._ws_delay = 0;
-		f.log("Socket Connected.");
-
-		// Hard-code the first command.
-		f._ws_ping_time = window.performance ? performance.now() : Date.now();
-		ws.send("1 hello " + JSON.stringify(["ffz_" + FFZ.version_info, localStorage.ffzClientId]));
-
-		var user = f.get_user();
-		if ( user )
-			f.ws_send("setuser", user.login);
-
-		// Join the right channel if we're in the dashboard.
-		if ( f.is_dashboard ) {
-			var match = location.pathname.match(/\/([^\/]+)/);
-			if ( match )
-				f.ws_sub("channel." + match[1]);
 		}
 
-		// Send the current rooms.
-		for(var room_id in f.rooms) {
-			var room = f.rooms[room_id];
-			if ( ! f.rooms.hasOwnProperty(room_id) || ! room )
-				continue;
+		ws.onopen = () => {
+			this._state = State.CONNECTED;
+			this._sent_user = false;
 
-			if ( room.important ) {
-				f.ws_sub("room." + room_id);
+			this.log.info('Connected.');
 
-				/*if ( room.needs_history ) {
-					room.needs_history = false;
-					if ( ! f.has_bttv && f.settings.chat_history )
-						f.ws_send("chat_history", [room_id,25], f._load_history.bind(f, room_id));
-				}*/
-			}
-		}
+			// Initial HELLO. Here we get a Client-ID and initial server timestamp.
+			// This is handled entirely on the socket server and so should be
+			// fast enough to use as a ping.
+			this._ping_time = performance.now();
+			this._send(
+				'hello',
+				[`ffz_${window.FrankerFaceZ.version_info}`, this.settings.provider.get('client-id')],
+				(success, data) => {
+					if ( ! success )
+						return this.log.warn('Error Saying Hello', data);
 
-		// Send the channel(s).
-		if ( f._cindex ) {
-			var channel_id = f._cindex.get('channel.id'),
-				hosted_id = f._cindex.get('channel.hostModeTarget.id');
+					this._on_pong(false, success, data[1]);
+					this.settings.provider.set('client-id', data[0]);
+					this.log.info('Client ID:', data[0]);
+				});
 
-			if ( channel_id )
-				f.ws_sub("channel." + channel_id);
 
-			if ( hosted_id )
-				f.ws_sub("channel." + hosted_id);
-		}
+			// Grab the current user from the site.
+			const site = this.resolve('site'),
+				send_user = () => {
+					if ( this._sent_user || ! this.connected )
+						return;
 
-		// Send any pending commands.
-		var pending = f._ws_pending;
-		f._ws_pending = [];
+					const user = site.getUser();
+					if ( user && user.login ) {
+						this._sent_user = true;
+						this._send('setuser', user.login);
 
-		for(var i=0; i < pending.length; i++) {
-			var d = pending[i];
-			f.ws_send(d[0], d[1], d[2]);
-		}
-
-		// If reconnecting, get the backlog that we missed.
-		if ( f._ws_offline_time ) {
-			var timestamp = f._ws_offline_time;
-			delete f._ws_offline_time;
-			f.ws_send("ready", timestamp);
-		} else {
-			f.ws_send("ready", 0);
-		}
-	}
-
-	ws.onerror = function() {
-		if ( ! f._ws_offline_time ) {
-			f._ws_offline_time = new Date().getTime();
-		}
-	}
-
-	ws.onclose = function(e) {
-		var was_open = f._ws_open;
-		f.log("Socket closed. (Code: " + e.code + ", Reason: " + e.reason + ")");
-
-		// If a recreate is already scheduled, this is expected.
-		if ( f._ws_recreate_timer )
-			return;
-
-		f._ws_open = false;
-		if ( ! f._ws_offline_time ) {
-			f._ws_offline_time = new Date().getTime();
-		}
-
-		// When the connection closes, run our callbacks.
-		for (var i=0; i < FFZ.ws_on_close.length; i++) {
-			try {
-				FFZ.ws_on_close[i].bind(f)();
-			} catch(err) {
-				f.log("Error on Socket Close Callback: " + err);
-			}
-		}
-
-		// Cycle selected server if our last attempt to connect didn't
-		// actually connect.
-		if ( ! was_open )
-			// Actually, let's get a random new server instead.
-			f._ws_host_idx = -1; //(f._ws_host_idx + 1) % pool.length;
-
-		// We never ever want to not have a socket.
-		if ( f._ws_delay < 60000 )
-			f._ws_delay += (Math.floor(Math.random()*10) + 5) * 1000;
-		else
-			// Randomize delay.
-			f._ws_delay = (Math.floor(Math.random()*60)+30)*1000;
-
-		f._ws_recreate_timer = setTimeout(f.ws_create.bind(f), f._ws_delay);
-	}
-
-	ws.onmessage = function(e) {
-		// Messages are formatted as REQUEST_ID SUCCESS/FUNCTION_NAME[ JSON_DATA]
-		var cmd, data, ind = e.data.indexOf(" "),
-			msg = e.data.substr(ind + 1),
-			request = parseInt(e.data.slice(0, ind));
-
-		ind = msg.indexOf(" ");
-		if ( ind === -1 )
-			ind = msg.length;
-
-		cmd = msg.slice(0, ind);
-		msg = msg.substr(ind + 1);
-		if ( msg )
-			data = JSON.parse(msg);
-
-		if ( request === -1 ) {
-			// It's a command from the server.
-			var command = FFZ.ws_commands[cmd];
-			if ( command )
-				command.bind(f)(data);
-			else
-				f.log("Invalid command: " + cmd, data, false, true);
-
-		} /*else if ( cmd === "error" ) {
-			f.log("Socket server reported error: " + data);
-			if (f._ws_callbacks[request] )
-				delete f._ws_callbacks[request];
-
-		}*/ else {
-			var success = cmd === 'ok',
-				has_callback = typeof f._ws_callbacks[request] === "function";
-
-			if ( ! has_callback ) {
-				if ( ! success || constants.DEBUG)
-					f.log("Socket Reply to " + request + " - " + (success ? "SUCCESS" : "FAIL"), data, false, true);
-
-			} else {
-				try {
-					f._ws_callbacks[request](success, data);
-				} catch(err) {
-					f.error("Callback for " + request + ": " + err);
+					} else if ( ! site.enabled )
+						this.once('site:enabled', send_user, this);
 				}
 
-				delete f._ws_callbacks[request];
+			send_user();
+
+
+			// Subscribe to Topics
+			for(const topic of this._topics)
+				this._send('sub', topic);
+
+
+			// Send pending commands.
+			for(const [command, args, callback] of this._pending)
+				this._send(command, args, callback);
+
+			this._pending = [];
+
+
+			// We're ready.
+			this._send('ready', this._offline_time || 0);
+			this._offline_time = null;
+			this.emit(':connected');
+		}
+
+		ws.onerror = () => {
+			if ( ! this._offline_time )
+				this._offline_time = Date.now();
+		}
+
+		ws.onclose = event => {
+			const old_state = this._state;
+			this.log.info(`Disconnected. (${event.code}:${event.reason})`);
+
+			this._state = State.DISCONNECTED;
+
+			for(const [cmd_id, callback] of this._awaiting) {
+				const err = new Error('disconnected');
+				try {
+					if ( typeof callback === 'function' )
+						callback(false, err);
+					else
+						callback[1](err);
+
+				} catch(error) {
+					this.log.warn(`Callback Error #${cmd_id}`, error);
+				}
+			}
+
+			this._awaiting.clear();
+
+			if ( ! this._want_connected )
+				return;
+
+			if ( ! this._offline_time )
+				this._offline_time = Date.now();
+
+			// Reset the host if we didn't manage to connect.
+			if ( old_state !== State.CONNECTED )
+				this._host = null;
+
+			this._reconnect();
+			this.emit(':closed', event.code, event.reason);
+		}
+
+
+		ws.onmessage = event => {
+			// Format:
+			//    -1 <cmd_name>[ <json_data>]
+			//    <reply-id> <ok/err>[ <json_data>]
+
+			const raw = event.data,
+				idx = raw.indexOf(' ');
+
+			if ( idx === -1 )
+				return  this.log.warn('Malformed message from server.', event.data);
+
+			const reply = parseInt(raw.slice(0, idx), 10),
+				ix2 = raw.indexOf(' ', idx + 1),
+
+				cmd = raw.slice(idx+1, ix2 === -1 ? raw.length : ix2),
+				data = ix2 === -1 ? undefined : JSON.parse(raw.slice(ix2+1));
+
+			if ( reply === -1 ) {
+				this.log.debug(`Received Command: ${cmd}`, data);
+				this.emit(`:command:${cmd}`, data);
+
+			} else {
+				const success = cmd === 'ok',
+					callback = this._awaiting.get(reply);
+
+				if ( callback ) {
+					this._awaiting.delete(reply);
+					if ( typeof callback === 'function' )
+						callback(success, data);
+					else
+						callback[success ? 0 : 1](data);
+
+				} else if ( ! success || DEBUG )
+					this.log.info(`Received Reply #${reply}:`, success ? 'OK' : 'Error', data);
 			}
 		}
 	}
-}
 
 
-FFZ.prototype.ws_send = function(func, data, callback, can_wait) {
-	if ( ! this._ws_open ) {
-		if ( can_wait ) {
-			var pending = this._ws_pending = this._ws_pending || [];
-			pending.push([func, data, callback]);
-			return true;
-		} else
-			return false;
-	}
+	disconnect() {
+		this._want_connected = false;
 
-	var request = ++this._ws_last_req;
-	data = data !== undefined ? " " + JSON.stringify(data) : "";
-
-	if ( callback )
-		this._ws_callbacks[request] = callback;
-
-	try {
-		this._ws_sock.send(request + " " + func + data);
-	} catch(err) {
-		this.log("Socket Send Error: " + err);
-		return false;
-	}
-
-	return request;
-}
-
-
-// ----------------
-// HELLO Response
-// ----------------
-
-FFZ.prototype._ws_on_hello = function(success, data) {
-	if ( ! success )
-		return this.log("Error Saying Hello: " + data);
-
-	this._ws_on_pong(false, success, data[1]);
-
-	localStorage.ffzClientId = data[0];
-	this.log("Client ID: " + localStorage.ffzClientId);
-}
-
-
-// -----------------
-// Time Calculation
-// -----------------
-
-FFZ.prototype.setup_time = function() {
-	var last_time = Date.now(),
-		f = this;
-
-	setInterval(function() {
-		var new_time = Date.now(),
-			difference = (new_time - last_time) - 5000;
-
-		last_time = new_time;
-		if ( Math.abs(difference) > 1000 ) {
-			f.log("WARNING! Time drift of " + difference + "ms across 5 seconds. Did the local time change?");
-			f._ws_server_offset = null;
-			f.ws_ping();
+		if ( this._reconnect_timer ) {
+			clearTimeout(this._reconnect_timer);
+			this._reconnect_timer = null;
 		}
-	}, 5000);
-}
 
-FFZ.prototype.ws_ping = function(skip_log) {
-	// Only 1 ping at a time.
-	if ( this._ws_ping_time )
-		return;
+		if ( this.disconnected )
+			return;
 
-	this._ws_ping_time = window.performance ? performance.now() : Date.now();
-	if ( ! this.ws_send("ping", undefined, this._ws_on_pong.bind(this, skip_log)) )
-		this._ws_ping_time = null;
-}
-
-FFZ.prototype._ws_on_pong = function(skip_log, success, server_time) {
-	var d_now = Date.now(),
-		now = window.performance ? performance.now() : d_now;
-
-	if ( ! success ) {
-		this._ws_ping_time = null;
-		if ( ! skip_log )
-			this.log("Error Pinging Server: " + server_time);
-		return;
-	}
-
-	if ( this._ws_ping_time ) {
-		var rtt = now - this._ws_ping_time,
-			ping = this._ws_last_ping = rtt / 2;
-
-		this._ws_ping_time = null;
-		this._ws_server_offset = (d_now - (server_time + ping));
-
-		if ( ! skip_log ) {
-			this.log("Server Time: " + new Date(server_time).toISOString());
-			this.log("Local Time: " + new Date(d_now).toISOString());
-			this.log("Estimated Ping: " + ping + "ms");
-			this.log("Time Offset: " + (this._ws_server_offset < 0 ? "-" : "") + utils.time_to_string(Math.abs(this._ws_server_offset) / 1000));
-
-			if ( Math.abs(this._ws_server_offset) > 300000 ) {
-				this.log("WARNING! The time offset with the server is greater than 5 minutes.");
-			}
-		}
-	}
-}
-
-
-// ----------------
-// Reconnect Logic
-// ----------------
-
-FFZ.ws_commands.reconnect = function() {
-	this.log("Socket Reconnect Command Received");
-
-	// Set the socket as closed and close it.
-	this._ws_open = false;
-	this._ws_sock.close();
-
-	// Socket Close Callbacks
-	for(var i=0; i < FFZ.ws_on_close.length; i++) {
 		try {
-			FFZ.ws_on_close[i].call(this);
-		} catch(err) {
-			this.log("Error on Socket Close Callback: " + err);
+			this._socket.close();
+		} catch(err) { /* if this caused an exception, we don't care -- it's still closed */ }
+
+		this._socket = null;
+		this._state = State.DISCONNECTED;
+	}
+
+
+	// ========================================================================
+	// Latency
+	// ========================================================================
+
+	_on_pong(skip_log, success, data) {
+		const now = performance.now();
+
+		if ( ! success ) {
+			this._ping_time = null;
+			if ( ! skip_log )
+				this.log.warn('Error Pinging Server', data);
+
+		} else if ( this._ping_time ) {
+			const d_now = Date.now(),
+				rtt = now - this._ping_time,
+				ping = this._last_ping = rtt / 2;
+
+			this._ping_time = null;
+			const drift = this._time_drift = d_now - (data + ping);
+
+			if ( ! skip_log ) {
+				this.log.info('Server Time:', new Date(data).toISOString());
+				this.log.info(' Local Time:', new Date(d_now).toISOString());
+				this.log.info(`  Est. Ping: ${ping.toFixed(5)}ms`);
+				this.log.info(`Time Offset: ${drift / 1000}`);
+
+				if ( Math.abs(drift) > 300000 )
+					this.log.warn('Local time differs from server time by more than 5 minutes.');
+			}
 		}
 	}
 
-	// Randomize the reconnect delay to avoid a complete hammering.
-	this._ws_delay = Math.floor(Math.random() * 5) * 1000;
-	this._ws_recreate_timer = setTimeout(this.ws_create.bind(this), this._ws_delay);
+
+	ping(skip_log) {
+		if ( this._ping_time || ! this.connected )
+			return;
+
+		this._ping_time = performance.now();
+		this._send('ping', undefined, (s,d) => this._on_pong(skip_log, s, d));
+	}
+
+
+	// ========================================================================
+	// Communication
+	// ========================================================================
+
+	_send(command, args, callback) {
+		if ( args.length === 1 )
+			args = args[0];
+
+		if ( ! this.connected )
+			return this.log.warn(`Tried sending command "${command}" while disconnected.`);
+
+		const cmd_id = this._last_id++;
+		if ( callback )
+			this._awaiting.set(cmd_id, callback);
+
+		this._socket.send(`${cmd_id} ${command}${args !== undefined ? ` ${JSON.stringify(args)}` : ''}`);
+	}
+
+
+	send(command, ...args) {
+		if ( args.length === 1 )
+			args = args[0];
+
+		if ( ! this.connected )
+			this._pending.push([command, args]);
+		else
+			this._send(command, args);
+	}
+
+
+	call(command, ...args) {
+		if ( args.length === 1 )
+			args = args[0];
+
+		return new Promise((resolve, reject) => {
+			if ( ! this.connected )
+				this._pending.push([command, args, [resolve, reject]]);
+			else
+				this._send(command, args, [resolve, reject]);
+		});
+	}
+
+
+	// ========================================================================
+	// Topics
+	// ========================================================================
+
+	subscribe(...topics) {
+		const t = this._topics;
+		for(const topic of topics) {
+			if ( this.connected && ! t.has(topic) )
+				this._send('sub', topic);
+
+			t.add(topic);
+		}
+	}
+
+
+	unsubscribe(...topics) {
+		const t = this._topics;
+		for(const topic of topics) {
+			if ( this.connected && t.has(topic) )
+				this._send('unsub', topic);
+
+			t.delete(topic);
+		}
+	}
+
+
+	get topics() {
+		return Array.from(this._topics);
+	}
+
 }
 
 
-// ----------------
-// Authorization
-// ----------------
-
-FFZ.ws_commands.do_authorize = function(data) {
-	// Try finding a channel we can send on.
-	var conn;
-	for(var room_id in this.rooms) {
-		if ( ! this.rooms.hasOwnProperty(room_id) )
-			continue;
-
-		var r = this.rooms[room_id],
-			c = r && r.room && r.room.tmiRoom && r.room.tmiRoom._getConnection();
-
-		if ( c.isConnected ) {
-			conn = c;
-			break;
-		}
-	}
-
-	if ( conn )
-		conn._send("PRIVMSG #frankerfacezauthorizer :AUTH " + data);
-	else
-		// Try again shortly.
-		setTimeout(FFZ.ws_commands.do_authorize.bind(this, data), 1000);
-}
\ No newline at end of file
+SocketClient.State = State;
\ No newline at end of file
diff --git a/src/std-components/index.js b/src/std-components/index.js
new file mode 100644
index 00000000..b5eff27a
--- /dev/null
+++ b/src/std-components/index.js
@@ -0,0 +1,3 @@
+'use strict';
+
+export default require.context('./', false, /\.vue$/);
\ No newline at end of file
diff --git a/src/std-components/tab-container.vue b/src/std-components/tab-container.vue
new file mode 100644
index 00000000..684805c9
--- /dev/null
+++ b/src/std-components/tab-container.vue
@@ -0,0 +1,118 @@
+<template lang="html">
+<div
+	v-if="item.tabs"
+	class="ffz--tab-container"
+	@keyup.alt.page-up.stop="focusPrevTab"
+	@keyup.alt.page-down.stop="focusNextTab"
+>
+	<header
+		class="flex"
+		tabindex="0"
+		role="tablist"
+		@keyup.home="firstTab"
+		@keyup.end="lastTab"
+		@keyup.page-up="prevTab"
+		@keyup.up="prevTab"
+		@keyup.left="prevTab"
+		@keyup.page-down="nextTab"
+		@keyup.right="nextTab"
+		@keyup.down="nextTab"
+	>
+		<div
+			v-for="(i, idx) in item.tabs"
+			role="tab"
+			:id="'tab-for-' + i.full_key"
+			:aria-selected="selected === idx"
+			:aria-controls="'tab-panel-' + i.full_key"
+			class="tab pd-y-05 pd-x-1"
+			:class="[selected === idx ? 'active' : '']"
+			@click="selected = idx"
+		>
+			{{ t(i.i18n_key, i.title, i) }}
+		</div>
+	</header>
+	<section
+		class="border"
+		:id="'tab-panel-' + tab.full_key"
+		:aria-labelledby="'tab-for-' + tab.full_key"
+		role="tabpanel"
+		aria-hidden="false"
+		aria-expanded="true"
+	>
+		<section v-if="tab.description" class="pd-b-1">
+			{{ t(tab.desc_i18n_key, tab.description, tab) }}
+		</section>
+		<component
+			v-for="i in tab.contents"
+			v-bind:is="i.component"
+			:currentProfile="currentProfile"
+			:profiles="profiles"
+			:context="context"
+			:item="i"
+			:key="i.full_key"
+			/>
+	</section>
+</div>
+</template>
+
+<script>
+export default {
+	props: ['item', 'profiles', 'currentProfile', 'context'],
+
+	data() {
+		return {
+			selected: 0
+		}
+	},
+
+	computed: {
+		tab() {
+			return this.item.tabs[this.selected];
+		}
+	},
+
+	methods: {
+		focus() {
+			this.$el.querySelector('header').focus();
+		},
+
+		focusNextTab() {
+			this.focus();
+			this.nextTab();
+		},
+
+		focusPrevTab() {
+			this.focus();
+			this.prevTab();
+		},
+
+		focusFirstTab() {
+			this.focus();
+			this.firstTab();
+		},
+
+		focusLastTab() {
+			this.focus();
+			this.lastTab();
+		},
+
+		firstTab() {
+			this.selected = 0;
+		},
+
+		lastTab() {
+			this.selected = this.item.tabs.length - 1;
+		},
+
+		prevTab() {
+			if ( this.selected > 0 )
+				this.selected--;
+		},
+
+		nextTab() {
+			if ( this.selected + 1 < this.item.tabs.length )
+				this.selected++;
+		}
+	}
+}
+</script>
\ No newline at end of file
diff --git a/src/styles/badges-blank.css b/src/styles/badges-blank.css
deleted file mode 100644
index 170c88ce..00000000
--- a/src/styles/badges-blank.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.badges .badge:not(.subscriber):not(.unknown-badge) {
-	background-size: 0px !important;
-}
\ No newline at end of file
diff --git a/src/styles/badges-circular-small.css b/src/styles/badges-circular-small.css
deleted file mode 100644
index d9eef701..00000000
--- a/src/styles/badges-circular-small.css
+++ /dev/null
@@ -1,5 +0,0 @@
-.badges .badge:not(.subscriber):not(.unknown-badge) {
-	height: 10px;
-	min-width: 10px;
-	margin: 5px 3px 5px 0;
-}
\ No newline at end of file
diff --git a/src/styles/badges-circular.css b/src/styles/badges-circular.css
deleted file mode 100644
index a186a221..00000000
--- a/src/styles/badges-circular.css
+++ /dev/null
@@ -1,6 +0,0 @@
-.badges .badge:not(.unknown-badge):not(.transparent) {
-	border-radius: 9px;
-	background-size: 16px;
-	background-repeat: no-repeat;
-	background-position: center;
-}
\ No newline at end of file
diff --git a/src/styles/badges-legacy-mod.css b/src/styles/badges-legacy-mod.css
deleted file mode 100644
index d9bf9035..00000000
--- a/src/styles/badges-legacy-mod.css
+++ /dev/null
@@ -1,9 +0,0 @@
-.badges .badge.moderator.version-1:not(.colored) {
-	background-color: #068c10;
-	background-image: url('//cdn.frankerfacez.com/script/legacy-mod.png');
-}
-
-.badges .badge.moderator.version-1.colored {
-	background: linear-gradient(#068c10,#068c10);
-	-webkit-mask-image: url('//cdn.frankerfacez.com/script/legacy-mod.png');
-}
\ No newline at end of file
diff --git a/src/styles/badges-legacy-turbo.css b/src/styles/badges-legacy-turbo.css
deleted file mode 100644
index fb0500ff..00000000
--- a/src/styles/badges-legacy-turbo.css
+++ /dev/null
@@ -1,9 +0,0 @@
-.badges .badge.turbo.version-1:not(.colored) {
-	background-color: #6441a3;
-	background-image: url('//cdn.frankerfacez.com/script/legacy-turbo.png');
-}
-
-.badges .badge.turbo.version-1.colored {
-	background: linear-gradient(#6441a3,#6441a3);
-	-webkit-mask-image: url('//cdn.frankerfacez.com/script/legacy-turbo.png');
-}
\ No newline at end of file
diff --git a/src/styles/badges-legacy.css b/src/styles/badges-legacy.css
deleted file mode 100644
index f09e7f5a..00000000
--- a/src/styles/badges-legacy.css
+++ /dev/null
@@ -1,29 +0,0 @@
-.badges .badge.staff.version-1:not(.colored) {
-	background-color: #6441a5;
-	background-image: url('//cdn.frankerfacez.com/script/legacy-staff.png');
-}
-
-.badges .badge.staff.version-1.colored {
-	background: linear-gradient(#6441a5,#6441a5);
-	-webkit-mask-image: url('//cdn.frankerfacez.com/script/legacy-staff.png');
-}
-
-.badges .badge.broadcaster.version-1:not(.colored) {
-	background-color: #000;
-	background-image: url('//cdn.frankerfacez.com/script/legacy-broadcaster.png');
-}
-
-.badges .badge.broadcaster.version-1.colored {
-	background: linear-gradient(#e71818,#e71818);
-	-webkit-mask-image: url('//cdn.frankerfacez.com/script/legacy-broadcaster.png');
-}
-
-.badges .badge.admin.version-1:not(.colored) {
-	background-color: #ff0303;
-	background-image: url('//cdn.frankerfacez.com/script/legacy-admin.png');
-}
-
-.badges .badge.admin.version-1.colored {
-	background: linear-gradient(#ff0303,#ff0303);
-	-webkit-mask-image: url('//cdn.frankerfacez.com/script/legacy-admin.png');
-}
\ No newline at end of file
diff --git a/src/styles/badges-rounded.css b/src/styles/badges-rounded.css
deleted file mode 100644
index ba93158f..00000000
--- a/src/styles/badges-rounded.css
+++ /dev/null
@@ -1,4 +0,0 @@
-/* Rounded Badges */
-.badges .badge:not(.subscriber):not(.unknown-badge) {
-	border-radius: 2px;
-}
\ No newline at end of file
diff --git a/src/styles/badges-sub-notice-on.css b/src/styles/badges-sub-notice-on.css
deleted file mode 100644
index ac342725..00000000
--- a/src/styles/badges-sub-notice-on.css
+++ /dev/null
@@ -1 +0,0 @@
-.chat-line.notification .indicator { display: none !important }
\ No newline at end of file
diff --git a/src/styles/badges-sub-notice.css b/src/styles/badges-sub-notice.css
deleted file mode 100644
index 84f639bd..00000000
--- a/src/styles/badges-sub-notice.css
+++ /dev/null
@@ -1 +0,0 @@
-.chat-line.notification .badge.subscriber { display: none }
\ No newline at end of file
diff --git a/src/styles/badges-transparent.css b/src/styles/badges-transparent.css
deleted file mode 100644
index 09b93319..00000000
--- a/src/styles/badges-transparent.css
+++ /dev/null
@@ -1,21 +0,0 @@
-.badges .badge {
-	background-color: transparent !important;
-}
-
-
-/* Invert Some Badges */
-.ffz-dark .badge.invert-invert,
-.theatre .badge.invert-invert,
-.theme--dark .badge.invert-invert,
-.dark .badge.invert-invert,
-.badge:not(.no-invert):not(.invert-invert) {
-	filter: invert(75%);
-}
-
-.badge.colored,
-.ffz-dark .badge:not(.invert-invert),
-.theatre .badge:not(.invert-invert),
-.theme--dark .badge:not(.invert-invert),
-.dark .badge:not(.invert-invert) {
-	filter: none !important;
-}
\ No newline at end of file
diff --git a/src/styles/chat-background.css b/src/styles/chat-background.css
deleted file mode 100644
index 4a413e33..00000000
--- a/src/styles/chat-background.css
+++ /dev/null
@@ -1,113 +0,0 @@
-/* Regular Alternating Background */
-.conversation-chat-lines > div:nth-child(2n+0),
-.chat-line:nth-child(2n+0) {
-	background-color: rgba(0,0,0, 0.1);
-}
-
-.theme--dark .special-message .system-msg,
-.special-message .system-msg { background-color: transparent }
-
-
-/* Dark: Alternating Background */
-.ffz-dark .conversation-chat-lines > div:nth-child(2n+0),
-.ffz-dark .chat-history .chat-line:nth-child(2n+0),
-
-.theatre .conversation-chat-lines > div:nth-child(2n+0),
-.theatre .chat-line:nth-child(2n+0),
-
-.dark .chat-line:nth-child(2n+0),
-.theme--dark .chat-line:nth-child(2n+0) {
-	background-color: rgba(255,255,255, 0.05);
-}
-
-
-/* DEPRECIATED: Whisper Backgrounds */
-.chat-line.whisper {
-	background-color: rgba(185, 163, 227, 0.2);
-}
-
-
-.chat-line.whisper:nth-child(2n+0) {
-	background-color: rgba(185, 163, 227, 0.4);
-}
-
-.theatre .chat-line.whisper,
-.dark .chat-line.whisper,
-.theme--dark .chat-line.whisper {
-	background-color: rgba(100, 65, 165, 0.2);
-}
-
-.theatre .chat-line.whisper:nth-child(2n+0),
-.dark .chat-line.whisper:nth-child(2n+0),
-.theme--dark .chat-line.whisper:nth-child(2n+0) {
-	background-color: rgba(100, 65, 165, 0.4);
-}
-
-
-/* Chat History: Original Sender */
-.chat-history .chat-line.original-sender {
-	background-color: rgba(0,127,255, 0.2);
-}
-
-.chat-history .chat-line.original-sender:nth-child(2n+0) {
-	background-color: rgba(0,127,255, 0.4);
-}
-
-.theatre .chat-history .chat-line.original-sender,
-.dark .chat-history .chat-line.original-sender,
-.theme--dark .chat-history .chat-line.original-sender {
-	background-color: rgba(0,63,127, 0.2);
-}
-
-.theatre .chat-history .chat-line.original-sender:nth-child(2n+0),
-.dark .chat-history .chat-line.original-sender:nth-child(2n+0),
-.theme--dark .chat-history .chat-line.original-sender:nth-child(2n+0) {
-	background-color: rgba(0,63,127, 0.4);
-}
-
-
-/* Chat History: Original Message */
-.chat-history .chat-line.original-msg {
-	background-color: rgba(0,255,127, 0.4);
-}
-
-.chat-history .chat-line.original-msg:nth-child(2n+0) {
-	background-color: rgba(0,255,127, 0.8);
-}
-
-.theatre .chat-history .chat-line.original-msg,
-.dark .chat-history .chat-line.original-msg,
-.theme--dark .chat-history .chat-line.original-msg {
-	background-color: rgba(0,127,63, 0.4);
-}
-
-.theatre .chat-history .chat-line.original-msg:nth-child(2n+0),
-.dark .chat-history .chat-line.original-msg:nth-child(2n+0),
-.theme--dark .chat-history .chat-line.original-msg:nth-child(2n+0) {
-	background-color: rgba(0,127,63, 0.8);
-}
-
-
-/* Reading contrast */
-.chat-history .chat-line.original-msg span.has-color {
-	color: #000 !important;
-}
-
-.theatre .chat-history .chat-line.original-msg span.has-color,
-.dark .chat-history .chat-line.original-msg span.has-color,
-.theme--dark .chat-history .chat-line.original-msg span.has-color {
-	color: #fff !important;
-}
-
-
-/* Fix Conversations */
-
-.conversation-window .timestamp-line span,
-.conversation-window .new-message-divider span {
-	background-color: transparent;
-}
-
-.conversation-window .new-message-divider:after,
-.conversation-window .timestamp-line:after {
-	display: none;
-}
\ No newline at end of file
diff --git a/src/styles/chat-colors-gray.css b/src/styles/chat-colors-gray.css
deleted file mode 100644
index a03f8dc8..00000000
--- a/src/styles/chat-colors-gray.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.chat-line:not(.admin):not(.notification) .from,
-.chat-line:not(.admin):not(.notification) .message {
-	color: inherit !important
-}
\ No newline at end of file
diff --git a/src/styles/chat-hc-background.css b/src/styles/chat-hc-background.css
deleted file mode 100644
index 5e08e5d2..00000000
--- a/src/styles/chat-hc-background.css
+++ /dev/null
@@ -1,20 +0,0 @@
-/* High-Contrast Background */
-body.ffz-bttv .chat-container,
-body.ffz-bttv .ember-chat.roomMode,
-body.ffz-bttv .chat-messages,
-.chat-container {
-	background-color: #fff !important;
-}
-
-
-/* Dark: High-Contrast Background */
-body.ffz-bttv-dark .chat-messages,
-body.ffz-bttv-dark .chat-header,
-body.ffz-bttv-dark .chat-interface,
-body.ffz-bttv-dark .ember-chat.roomMode,
-.theatre .chat-container,
-.chat-container.dark,
-.chat-container.theme--dark,
-.theme--dark .chat-container {
-	background-color: #000 !important;
-}
\ No newline at end of file
diff --git a/src/styles/chat-hc-bold.css b/src/styles/chat-hc-bold.css
deleted file mode 100644
index 5fdee8f5..00000000
--- a/src/styles/chat-hc-bold.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/* High-Contrast Bold */
-.chat-line .from,
-.chat-line .colon,
-.chat-line .message {
-	font-weight: bold;
-}
\ No newline at end of file
diff --git a/src/styles/chat-hc-text.css b/src/styles/chat-hc-text.css
deleted file mode 100644
index f2b5e149..00000000
--- a/src/styles/chat-hc-text.css
+++ /dev/null
@@ -1,23 +0,0 @@
-/* High-Contrast Text */
-body.ffz-bttv .chat-line .message,
-body.ffz-bttv .chat-line .timestamp,
-
-.chat-container {
-	color: #000 !important;
-}
-
-/* Dark: High-Contrast Text */
-.theatre .chat-container,
-.theme--dark .chat-container,
-.chat-container.dark,
-.chat-container.theme--dark,
-
-body.ffz-bttv-dark .chat-container,
-body.ffz-bttv-dark .chat-line .message,
-body.ffz-bttv-dark .chat-line .timestamp,
-
-.ffz-dark .theme--dark .chat-container .chat-line,
-.ffz-dark .chat-container.dark .chat-line,
-.ffz-dark .chat-container.dark .theme--chat-line {
-	color: #fff !important;
-}
\ No newline at end of file
diff --git a/src/styles/chat-padding.css b/src/styles/chat-padding.css
deleted file mode 100644
index f25e0609..00000000
--- a/src/styles/chat-padding.css
+++ /dev/null
@@ -1,23 +0,0 @@
-/* Chat Line Padding */
-.chat-history .chat-line,
-.ember-chat .chat-messages .chat-line,
-.ember-chat .chat-messages .chat-line.admin,
-
-.conversation-window .conversation-system-messages,
-.conversation-window .conversation-chat-line,
-.conversation-window .timestamp-line {
-	padding: 3px 5px;
-}
-
-.ffz-hide-trending-emotes .chat-room.trending-emotes-enabled .chat-messages .chat-line,
-.ffz-minimal-chat-input .chat-room.trending-emotes-enabled .chat-messages .chat-line {
-	padding-right: 5px;
-}
-
-.ember-chat .chat-messages .chat-line.brick--marked { padding-left: 8px }
-
-
-/* Remove Extra Conversation Padding */
-.conversation-window .conversation-chat-lines {
-	padding-top: 0;
-}
\ No newline at end of file
diff --git a/src/styles/chat-separator-3d-inset.css b/src/styles/chat-separator-3d-inset.css
deleted file mode 100644
index f1ab4393..00000000
--- a/src/styles/chat-separator-3d-inset.css
+++ /dev/null
@@ -1,21 +0,0 @@
-/* 3D Inset Separators */
-.conversation-chat-lines > div,
-.chat-line {
-	border-top: 1px solid #aaa;
-	border-bottom-color: rgba(255,255,255, 0.5);
-}
-
-.chat-history .chat-line,
-.ember-chat .chat-messages .chat-line,
-.ember-chat .chat-messages .chat-line.admin { padding-top: 2px }
-
-/* Dark: 3D Inset Separators */
-.ffz-dark .conversation-chat-lines > div,
-.theatre .conversation-chat-lines > div,
-
-.theatre .chat-line,
-.dark .chat-line,
-.theme--dark .chat-line {
-	border-top-color: #000;
-	border-bottom-color: rgba(255,255,255, 0.1);
-}
\ No newline at end of file
diff --git a/src/styles/chat-separator-3d.css b/src/styles/chat-separator-3d.css
deleted file mode 100644
index 671ffda0..00000000
--- a/src/styles/chat-separator-3d.css
+++ /dev/null
@@ -1,19 +0,0 @@
-/* 3D Separators */
-.conversation-chat-lines > div,
-.chat-line {
-	border-top: 1px solid rgba(255,255,255, 0.5);
-}
-
-.chat-history .chat-line,
-.ember-chat .chat-messages .chat-line,
-.ember-chat .chat-messages .chat-line.admin { padding-top: 2px }
-
-/* Dark: 3D Separators */
-.ffz-dark .conversation-chat-lines > div,
-.theatre .conversation-chat-lines > div,
-
-.theatre .chat-line,
-.dark .chat-line,
-.theme--dark .chat-line {
-	border-top-color: rgba(255,255,255, 0.1);
-}
\ No newline at end of file
diff --git a/src/styles/chat-separator-wide.css b/src/styles/chat-separator-wide.css
deleted file mode 100644
index 972ae2cf..00000000
--- a/src/styles/chat-separator-wide.css
+++ /dev/null
@@ -1,19 +0,0 @@
-/* Wide Separators */
-.conversation-chat-lines > div,
-.chat-line {
-	border-top: 1px solid #aaa;
-}
-
-.chat-history .chat-line,
-.ember-chat .chat-messages .chat-line,
-.ember-chat .chat-messages .chat-line.admin { padding-top: 2px }
-
-/* Dark: Wide Separators */
-.ffz-dark .conversation-chat-lines > div,
-.theatre .conversation-chat-lines > div,
-
-.theatre .chat-line,
-.dark .chat-line,
-.theme--dark .chat-line {
-	border-top-color: #000;
-}
\ No newline at end of file
diff --git a/src/styles/chat-separator.css b/src/styles/chat-separator.css
deleted file mode 100644
index 02ceac6f..00000000
--- a/src/styles/chat-separator.css
+++ /dev/null
@@ -1,33 +0,0 @@
-/* Simple Separators */
-.conversation-chat-lines > div,
-.chat-line.notification,
-.chat-line {
-	border-bottom: 1px solid #aaa;
-}
-
-.chat-history .chat-line,
-.ember-chat .chat-messages .chat-line,
-.ember-chat .chat-messages .chat-line.admin { padding-bottom: 2px }
-
-/* Dark: Simple Separators */
-.ffz-dark .conversation-chat-lines > div,
-.theatre .conversation-chat-lines > div,
-
-.theatre .chat-line,
-.dark .chat-line,
-.theme--dark .chat-line {
-	border-bottom-color: #000;
-}
-
-
-/* Hide First Line */
-.conversation-chat-lines > div:first-child,
-.chat-line:first-of-type {
-	border-top-color: transparent !important;
-}
-
-/* Hide Last Line */
-.conversation-chat-lines > div:last-child:nth-child(odd),
-.chat-line:last-of-type:nth-child(odd) {
-	border-bottom-color: transparent !important;
-}
\ No newline at end of file
diff --git a/src/styles/chat-user-bg.css b/src/styles/chat-user-bg.css
deleted file mode 100644
index 07293a22..00000000
--- a/src/styles/chat-user-bg.css
+++ /dev/null
@@ -1,21 +0,0 @@
-.chat-lines .chat-line[data-sender="{user_id}"] {
-	background-color: rgba(0,127,255, 0.2);
-}
-
-.chat-lines .chat-line[data-sender="{user_id}"]:nth-child(2n+0) {
-	background-color: rgba(0,127,255, 0.4);
-}
-
-.ffz-bttv-dark .chat-lines .chat-line[data-sender="{user_id}"],
-.theatre .chat-lines .chat-line[data-sender="{user_id}"],
-.dark .chat-lines .chat-line[data-sender="{user_id}"],
-.theme--dark .chat-lines .chat-line[data-sender="{user_id}"] {
-	background-color: rgba(0,63,127, 0.2);
-}
-
-.ffz-bttv-dark .chat-lines .chat-line[data-sender="{user_id}"]:nth-child(2n+0),
-.theatre .chat-lines .chat-line[data-sender="{user_id}"]:nth-child(2n+0),
-.dark .chat-lines .chat-line[data-sender="{user_id}"]:nth-child(2n+0),
-.theme--dark .chat-lines .chat-line[data-sender="{user_id}"]:nth-child(2n+0) {
-	background-color: rgba(0,63,127, 0.4);
-}
\ No newline at end of file
diff --git a/src/tokenize.js b/src/tokenize.js
deleted file mode 100644
index 75c8e88a..00000000
--- a/src/tokenize.js
+++ /dev/null
@@ -1,2003 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require("./utils"),
-	constants = require("./constants"),
-	helpers,
-	conv_helpers,
-	emote_helpers,
-	bits_helpers,
-	bits_service,
-	//bits_tags,
-
-	HOP = Object.prototype.hasOwnProperty,
-
-	TOOLTIP_VERSION = 4,
-	FAV_MARKER = '<span class="ffz-favorite"></span>',
-
-	EXPLANATION_WARN = '<hr>This link has been sent to you via a whisper rather than standard chat, and has not been checked or approved of by any moderators or staff members. Please treat this link with caution and do not visit it if you do not trust the sender.',
-
-	reg_escape = function(str) {
-		return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
-	},
-
-	LINK = /(?:https?:\/\/)?(?:[-a-zA-Z0-9@:%_\+~#=]+\.)+[a-z]{2,6}\b(?:[-a-zA-Z0-9@:%_\+.~#?&\/\/=()]*)/g,
-
-	TIME_REPLACER = /<time\s+(?:class=(["'])([^>]+?)\1\s+)?datetime=(["'])([^>]+?)\3[^>]*>(.*?)<\/time>/i,
-	CLIP_URL = /^(?:https?:\/\/)?clips\.twitch\.tv\/(\w+?\/?\w*?)(?:\/edit)?(?:[\?#]|$)/,
-	VIDEO_URL = /^(?:https?:\/\/)?(?:www\.)?twitch\.tv\/(?:\w+\/v|videos)\/(\w+)$/,
-	FFZ_EMOTE_URL = /^(?:https?:\/\/)?(?:www\.)?frankerfacez\.com\/emoticon\/(\d+)(?:-\w*)?$/,
-
-	LINK_SPLIT = /^(?:(https?):\/\/)?(?:(.*?)@)?([^\/:]+)(?::(\d+))?(.*?)(?:\?(.*?))?(?:\#(.*?))?$/,
-	YOUTUBE_CHECK = /^(?:https?:\/\/)?(?:m\.|www\.)?youtu(?:be\.com|\.be)\/(?:v\/|watch\/|.*?(?:embed|watch).*?v=)?([a-zA-Z0-9\-_]+)$/,
-	IMGUR_PATH = /^\/(?:gallery\/)?[A-Za-z0-9]+(?:\.(?:png|jpg|jpeg|gif|gifv|bmp))?$/,
-	IMAGE_EXT = /\.(?:png|jpg|jpeg|gif|bmp)$/i,
-	IMAGE_DOMAINS = [],
-
-	is_image = function(href, any_domain) {
-		var match = href.match(LINK_SPLIT);
-		if ( ! match )
-			return;
-
-		var domain = match[3].toLowerCase(), port = match[4],
-			path = match[5];
-
-		// Don't allow non-standard ports.
-		if ( port && port !== '80' && port !== '443' )
-			return false;
-
-		// imgur-specific checks.
-		if ( domain === 'i.imgur.com' || domain === 'imgur.com' || domain === 'www.imgur.com' || domain === 'm.imgur.com' )
-			return IMGUR_PATH.test(path);
-
-		return any_domain ? IMAGE_EXT.test(path) : IMAGE_DOMAINS.indexOf(domain) !== -1;
-	},
-
-	image_iframe = function(href, extra_class) {
-		return '<iframe class="ffz-image-hover' + (extra_class ? ' ' + extra_class : '') + '" allowtransparency="true" src="' + constants.SERVER + 'script/img-proxy.html#' + utils.quote_attr(href) + '"></iframe>';
-	};
-
-
-FFZ.SRC_IDS = {},
-FFZ.src_to_id = function(src) {
-	if ( Object.hasOwnProperty.call(FFZ.SRC_IDS, src) )
-		return FFZ.SRC_IDS[src];
-
-	var match = /\/emoticons\/v1\/(\d+)\/1\.0/.exec(src),
-		id = match ? parseInt(match[1]) : null;
-
-	if ( typeof id === "number" && (isNaN(id) || !isFinite(id)) )
-		id = null;
-
-	FFZ.SRC_IDS[src] = id;
-	return id;
-};
-
-
-FFZ._emote_mirror_swap = function(img) {
-	var src, attempts = parseInt(img.getAttribute('data-alt-attempts')) || 0;
-	if ( attempts > 3 )
-		return;
-
-	img.setAttribute('data-alt-attempts', attempts + 1);
-	var id = img.getAttribute('data-emote'),
-		src = '//' + img.src.split('//')[1];
-
-	if ( src.substr(0, constants.TWITCH_BASE.length) === constants.TWITCH_BASE ) {
-		img.src = constants.EMOTE_MIRROR_BASE + id + ".png";
-		img.srcset = "";
-	} else {
-		img.src = constants.TWITCH_BASE + id + "/1.0";
-		img.srcset = utils.build_srcset(id);
-	}
-}
-
-
-// ---------------------
-// Settings
-// ---------------------
-
-var ts = new Date(0).toLocaleTimeString().toUpperCase(),
-	default_24 = ts.lastIndexOf('PM') === -1 && ts.lastIndexOf('AM') === -1;
-
-FFZ.settings_info.twenty_four_timestamps = {
-	type: "select",
-	options: {
-		0: "12-Hour" + (default_24 ? '' : ' (Default)'),
-		1: "12-Hour Zero-Padded",
-		2: "24-Hour" + (default_24 ? ' (Default)' : ''),
-		3: "24-Hour Zero-Padded"
-	},
-
-	value: default_24 ? 2 : 0,
-
-	process_value: function(val) {
-		if ( val === false )
-			return 0;
-		else if ( val === true )
-			return 2;
-		else if ( typeof val === 'string' )
-			return parseInt(val) || 0;
-		return val;
-	},
-
-	category: "Chat Appearance",
-	no_bttv: 6,
-
-	name: "Timestamp Format",
-	help: "Display timestamps in chat in the 24 hour format rather than 12 hour.",
-
-	on_update: function(val) {
-		// Update existing chat lines.
-		var CL = utils.ember_resolve('component:chat/chat-line'),
-			views = (CL && helpers && helpers.getTime) ? utils.ember_views() : {};
-
-		for(var vid in views) {
-			var view = views[vid];
-			if ( view instanceof CL )
-				view.$('.timestamp').text(view.get('timestamp'));
-		}
-	}
-};
-
-
-FFZ.settings_info.timestamp_seconds = {
-	type: "boolean",
-	value: false,
-
-	category: "Chat Appearance",
-	no_bttv: 6,
-
-	name: "Timestamp Seconds",
-	help: "Display seconds in chat timestamps."
-	};
-
-
-FFZ.settings_info.show_deleted_links = {
-	type: "boolean",
-	value: false,
-
-	category: "Chat Moderation",
-	no_bttv: 6,
-
-	name: "Show Deleted Links",
-	help: "Do not delete links based on room settings or link length."
-};
-
-
-FFZ.settings_info.clickable_mentions = {
-	type: 'boolean',
-	value: true,
-
-	category: 'Chat Moderation',
-	no_bttv: 6,
-
-	name: 'Clickable Mentions',
-	help: 'Make mentions in chat starting with an at sign (<code>@</code>) open the user\'s moderation card when clicked.',
-
-	on_update: utils.toggle_cls('ffz-clickable-mentions')
-}
-
-
-// ---------------------
-// Setup
-// ---------------------
-
-FFZ.prototype.setup_tokenization = function() {
-	// Tooltip Data
-	this._twitch_emotes = {};
-	this._twitch_emote_to_set = {};
-	this._twitch_set_to_channel = {};
-	this._link_data = {};
-
-	//this.load_twitch_emote_data();
-	utils.toggle_cls('ffz-clickable-mentions')(this.settings.clickable_mentions);
-
-	try {
-		this.chat_helpers = helpers = window.require && window.require("web-client/helpers/chat/chat-line-helpers");
-	} catch(err) { }
-
-	if ( ! helpers )
-		return this.log("Unable to get chat helper functions.");
-
-	try {
-		this.bits_helpers = bits_helpers = window.require && window.require("web-client/utilities/bits/tokenize");
-	} catch(err) {
-		this.error("Unable to get bits tokenizer.", err);
-	}
-
-	bits_service = utils.ember_lookup('service:bits-emotes');
-	if ( ! bits_service )
-		bits_service = utils.ember_lookup('service:bits-rendering-config');
-
-	//bits_tags = utils.ember_lookup('service:bits-tags');
-
-	try {
-		this.conv_helpers = conv_helpers = window.require && window.require("web-client/helpers/twitch-conversations/conversation-line-helpers");
-	} catch(err) {
-		this.error("Unable to get conversation helper functions.", err);
-	}
-
-	try {
-		this.emote_helpers = emote_helpers = window.require && window.require("web-client/utilities/tmi-emotes").default;
-	} catch(err) {
-		this.error("Unable to get tmi-emotes helper function.", err);
-	}
-
-	this.log("Hooking Ember chat line helpers.");
-
-	var f = this;
-
-	// Timestamp Display
-	helpers.getTime = function(e, show_ampm) {
-		if ( e === undefined || e === null )
-			return '?:??' + (f.settings.timestamp_seconds ? ':??' : '');
-
-		var hours = e.getHours(),
-			minutes = e.getMinutes(),
-			seconds = e.getSeconds(),
-
-			s = f.settings.twenty_four_timestamps,
-			pm = false;
-
-		if ( s < 2 ) {
-			if ( hours > 12 ) {
-				hours -= 12;
-				pm = true;
-			}
-			else if ( hours === 0 )
-				hours = 12;
-		}
-
-		return ((s === 1 || s === 3) && hours < 10 ? '0' : '') + hours + ':' + (minutes < 10 ? '0' : '') + minutes + (f.settings.timestamp_seconds ? ':' + (seconds < 10 ? '0' : '') + seconds : '') + (show_ampm && s < 2 ? '<span class="cp-hidden">' + (pm ? 'pm' : 'am') + '</span>' : '');
-	};
-
-
-	// Linkify Messages
-	helpers.linkifyMessage = function(tokens, delete_links) {
-		var show_deleted = f.settings.show_deleted_links;
-
-		return _.chain(tokens).map(function(token) {
-			if ( token.type === "text" )
-				token = token.text;
-
-			if ( ! _.isString(token) )
-				return token;
-
-			var matches = token.match(LINK);
-			if ( ! matches || ! matches.length )
-				return [token];
-
-			return _.zip(
-				token.split(LINK),
-				_.map(matches, function(e) {
-					var long = e.length > 255,
-						out = {
-							type: "link",
-							length: e.length,
-							isDeleted: ! show_deleted && (delete_links || long),
-							isLong: long,
-							isMailTo: e.indexOf("@") > -1 && (-1 === e.indexOf("/") || e.indexOf("@") < e.indexOf("/")),
-							text: e,
-							link: e
-						};
-
-					if ( ! out.isMailTo && ! e.match(/^(?:https?:\/\/)/) )
-						out.link = "http://" + e;
-
-					return out;
-				})
-			);
-		}).flatten().compact().value();
-	};
-}
-
-
-// ------------------------
-// Display Name Formatting
-// ------------------------
-
-FFZ.prototype.format_display_name = function(display_name, user_id, disable_alias, disable_intl, disable_html) {
-	var setting = this.settings.username_display,
-		alias = this.aliases[user_id],
-
-		name_matches = ! display_name || display_name.trim().toLowerCase() === user_id,
-
-		tooltip,
-		display_name;
-
-	if ( setting === 0 )
-		display_name = user_id;
-
-	else if ( setting === 1 )
-		display_name = name_matches ? (display_name || (user_id && user_id.capitalize())) : user_id;
-
-	else {
-		display_name = utils.sanitize(display_name || (user_id && user_id.capitalize()));
-
-		if ( ! disable_intl && setting === 3 && ! name_matches )
-			display_name += disable_html ? ' (' + user_id + ')' : ' <span class="intl-login">(' + user_id + ')</span>';
-
-		else if ( ((disable_intl && setting === 3) || setting === 4) && ! name_matches )
-			tooltip = user_id;
-	}
-
-	if ( ! disable_alias && alias ) {
-		if ( display_name )
-			tooltip = display_name + (tooltip ? ' (' + tooltip + ')' : '');
-
-		display_name = utils.sanitize(alias);
-	}
-
-	return [display_name, tooltip];
-}
-
-
-// ---------------------
-// Twitch Emote Data
-// ---------------------
-
-var UNSET = {};
-
-FFZ.prototype.get_twitch_set_for = function(emote_id, callback) {
-	if ( typeof emote_id !== "number" )
-		emote_id = parseInt(emote_id);
-
-	if ( isNaN(emote_id) || ! isFinite(emote_id) )
-		return null;
-
-	if ( this._twitch_emote_to_set.hasOwnProperty(emote_id) && this._twitch_emote_to_set[emote_id] !== UNSET )
-		return this._twitch_emote_to_set[emote_id];
-
-	this._twitch_emote_to_set[emote_id] = null;
-	var f = this,
-		//use_ss = true, //this._ws_open,
-		timer = null,
-		cb = function(success, data) {
-			if ( timer ) {
-				clearTimeout(timer);
-				timer = null;
-			}
-
-			if ( ! success ) {
-				f._twitch_emote_to_set[emote_id] = UNSET;
-				return;
-			}
-
-			var set_id = null;
-			if ( data ) {
-				set_id = data['s_id'];
-				f._twitch_set_to_channel[set_id] = data;
-			}
-
-			f._twitch_emote_to_set[emote_id] = set_id;
-			if ( callback )
-				callback(set_id);
-		};
-
-	/*if ( use_ss ) {*/
-		this.ws_send("get_emote", emote_id, cb, true);
-		timer = setTimeout(cb.bind(this, false, null), 5000);
-	/*} else
-		fetch(constants.API_SERVER + "ed/emote/" + emote_id)
-			.then(function(resp) {
-				if ( ! resp.ok )
-					return cb(false, null);
-				resp.json().then(function(data) {
-					cb(true, data);
-				})
-			});*/
-
-	return null;
-}
-
-
-FFZ.prototype.get_twitch_set = function(set_id, callback) {
-	if ( typeof set_id !== "number" )
-		set_id = parseInt(set_id);
-
-	if ( isNaN(set_id) || ! isFinite(set_id) )
-		return null;
-
-	if ( this._twitch_set_to_channel.hasOwnProperty(set_id) && this._twitch_set_to_channel[set_id] !== UNSET )
-		return this._twitch_set_to_channel[set_id];
-
-	this._twitch_set_to_channel[set_id] = null;
-
-	var f = this,
-		//use_ss = this._ws_open,
-		timer = null,
-		cb = function(success, data) {
-			if ( timer ) {
-				clearTimeout(timer);
-				timer = null;
-			}
-
-			if ( ! success ) {
-				f._twitch_set_to_channel[set_id] = UNSET;
-				return;
-			}
-
-			f._twitch_set_to_channel[set_id] = data || null;
-			if ( callback )
-				callback(data || null);
-		};
-
-	/*if ( use_ss ) {*/
-		this.ws_send("get_emote_set", set_id, cb, true);
-		timer = setTimeout(cb.bind(this, false, null), 5000);
-	/*} else
-		fetch(constants.API_SERVER + "ed/set/" + set_id)
-			.then(function(resp) {
-				if ( ! resp.ok )
-					return cb(false, null);
-				resp.json().then(function(data) {
-					cb(true, data);
-				})
-			});*/
-
-	return null;
-}
-
-
-// ---------------------
-// Tooltip Rendering
-// ---------------------
-
-FFZ.prototype.clean_link_info = function() {
-	clearTimeout(this._link_info_cleaner);
-
-	var now = Date.now(),
-		obj = {};
-
-	for(var url in this._link_data) {
-		var data = this._link_data[url];
-		if ( data && (! data[1] || now <= data[1] ) )
-			obj[url] = data;
-	}
-
-	this._link_data = obj;
-	this._link_info_cleaner = setTimeout(this.clean_link_info.bind(this), 120000);
-}
-
-
-FFZ.prototype.get_link_info = function(url, no_promises) {
-	var f = this,
-		info = this._link_data[url],
-		expires = info && info[1],
-
-		li = this.settings.link_info;
-
-	if ( ! li || (expires && Date.now() > expires) )
-		info = this._link_data[url] = null;
-
-	if ( ! li )
-		return null;
-
-	if ( info && info[0] )
-		return info[2];
-
-	if ( no_promises )
-		return null;
-
-	else if ( info )
-		return new Promise(function(resolve, reject) {
-			info[2].push([resolve, reject]);
-		});
-
-	return new Promise(function(resolve, reject) {
-		info = f._link_data[url] = [false, null, [[resolve, reject]]];
-
-		var link_timer,
-			resolve = function(success, data) {
-				clearTimeout(link_timer);
-
-				// If it's a failure and we already finished, just quit.
-				if ( ! f.settings.link_info || (info[0] && ! success) )
-					return;
-
-				var callbacks = ! info[0] && info[2];
-				f._link_data[url] = [true, Date.now() + 120000, success ? data : null];
-
-				if ( data && data.unsafe )
-					jQuery('a[data-url="' + url + '"]').addClass('unsafe-link');
-
-				if ( callbacks )
-					for(var i=0; i < callbacks.length; i++)
-						callbacks[i][success ? 0 : 1](data);
-
-				if ( ! f._link_info_cleaner )
-					f.clean_link_info();
-			};
-
-		link_timer = setTimeout(resolve.bind(this, false, 'A request timed out while trying to load information about this link.'), 15000);
-		f.ws_send("get_link", url, resolve, true);
-	});
-}
-
-
-FFZ.prototype.render_link_tooltip = function(data, el) {
-	var version = data.v || 1;
-	if ( version > TOOLTIP_VERSION )
-		return '';
-
-	var content = data.content || data.html || '';
-
-	if ( content )
-		content = content.replace(TIME_REPLACER, function(match, junk_one, cls, junk_two, timestamp, old) {
-			var now = Date.now(),
-				posted_at = utils.parse_date(timestamp),
-				time_ago = posted_at && (now - posted_at) / 1000;
-
-			if ( cls !== 'keep' ) {
-				if ( cls === 'human' || (cls !== 'ts' && time_ago < 86400) )
-					old = utils.full_human_time(time_ago);
-				else if ( posted_at )
-					old = posted_at.toLocaleString();
-			}
-
-			return '<time class="' + utils.quote_attr(cls||'') + '" timestamp="' + utils.quote_attr(timestamp) + '">' + utils.sanitize(old) + '</time>';
-		});
-
-
-	if ( data.urls && data.urls.length > 1 ) {
-		var last_url = data.urls[data.urls.length-1];
-		content += (content.length ? '<hr>' : '') + 'Destination: ' + utils.sanitize(last_url[1]);
-	}
-
-	if ( data.unsafe ) {
-		var reasons = _.pluck(data.urls, 2).filter((function(x){return x})).uniq().join(", ");
-		content = "Caution: This URL is on Google's Safe Browsing list for: " +
-			utils.sanitize(reasons.toLowerCase()) + (content.length ? '<hr>' + content : '');
-	}
-
-	if ( el && el.classList.contains('warn-link') )
-		content += (content.length ? '<hr>' : '') + EXPLANATION_WARN;
-
-	var show_image = this.settings.link_image_hover && (data.image_safe || this.settings.image_hover_all_domains);
-
-	if ( show_image ) {
-		if ( data.image )
-			if ( data.image_iframe )
-				content = image_iframe(data.image) + content;
-			else
-				content = '<img class="emoticon ffz-image-hover" src="' + utils.quote_attr(data.image) + '">' + content;
-
-		if ( content.indexOf('<video') !== -1 )
-			setTimeout(function() {
-				var el = document.querySelector('.zipsy video');
-				el && el.play();
-			},0);
-
-	} else if ( content.length )
-		content = content.replace(/<!--MS-->.*<!--ME-->/g, '');
-
-	return content;
-}
-
-
-FFZ.prototype.render_tooltip_class = function(el) {
-	var f = this,
-		func = function() {
-			if ( this.classList.contains('chat-link') ) {
-				// TODO: A lot of shit. Lookup data.
-				var url = this.getAttribute("data-url"),
-					data = url && f.get_link_info(url, true);
-
-				if ( data )
-					return data.tooltip_class;
-			}
-
-			return this.dataset.tooltipClass;
-		};
-
-	return el ? func(el) : func;
-}
-
-
-FFZ.prototype.render_tooltip = function(el) {
-	var f = this,
-		func = function() {
-			if ( this.classList.contains('ffz-bit') ) {
-				var amount = parseInt(this.getAttribute('data-amount').replace(/,/g, '')),
-					individuals = JSON.parse(this.getAttribute('data-individuals') || "null"),
-					prefix = this.getAttribute('data-prefix'),
-					tier = bits_service.ffz_get_tier(prefix, amount),
-					preview_url,
-					image,
-					out = utils.number_commas(amount) + ' Bit' + utils.pluralize(amount);
-
-				if ( f.settings.emote_image_hover )
-					preview_url = bits_service.ffz_get_preview(prefix, amount); //tier[1]);
-
-				if ( individuals && individuals.length > 1 ) {
-					out += '<br>';
-					individuals.sort().reverse();
-					for(var i=0; i < individuals.length && i < 12; i++)
-						out += f.render_token(false, false, true, {type: "bits", prefix: individuals[i][1], amount: individuals[i][0]});
-
-					if ( individuals.length >= 12 )
-						out += '<br>(and ' + (individuals.length - 12) + ' more)';
-				}
-
-				image = preview_url ? '<img style="height:112px" class="emoticon ffz-image-hover" src="' + preview_url + '"?_=preview">' : '';
-				return image + out;
-
-			} else if ( this.classList.contains('emoticon') ) {
-				var can_favorite = this.classList.contains('ffz-can-favorite'),
-
-					preview_url, width=0, height=0, image, set_id, emote, emote_set,
-					emote_id = this.getAttribute('data-ffz-emote'),
-					modifiers = this.getAttribute('data-modifier-info'),
-					sellout_text = this.getAttribute('data-sellout'),
-					mod_text = '';
-
-				if ( modifiers ) {
-					mod_text = '<hr>' + _.map(JSON.parse(modifiers), function(m) {
-						emote_set = f.emote_sets[m[0]];
-						emote = emote_set && emote_set.emoticons[m[1]];
-						return emote ? f.render_token(true, true, true, emote.token) + ' - ' + (emote.hidden ? '???' : utils.sanitize(emote.name)) : '';
-					}).join('<br>');
-				}
-
-				if ( sellout_text )
-					mod_text = '<hr>' + sellout_text + mod_text;
-
-				if ( emote_id ) {
-					if ( emote_id == "93269" )
-						return '';
-
-					set_id = this.getAttribute('data-ffz-set');
-					emote_set = f.emote_sets[set_id];
-					emote = emote_set && emote_set.emoticons[emote_id];
-
-					if ( emote ) {
-						var favorite_key = 'ffz-' + (emote_set.hasOwnProperty('source_ext') ? 'ext-' + emote_set.source_ext + '-' + emote_set.source_id : emote_set.id),
-							favorites = f.settings.favorite_emotes[favorite_key] || [],
-							is_favorite = ! can_favorite && favorites.indexOf(emote && emote.id) !== -1;
-
-						var owner = emote.owner,
-							title = emote_set.title || "Global",
-							source = emote_set.source || "FFZ",
-							source_line = emote_set.source_line || (source + ' ' + title);
-
-						if ( f.settings.emote_image_hover ) {
-							if ( emote.urls[4] ) {
-								height = emote.height * 4;
-								width = emote.width * 4;
-								preview_url = emote.urls[4];
-
-							} else if ( emote.urls[2] ) {
-								height = emote.height * 2;
-								width = emote.width * 2;
-							}
-
-							if ( width > 186 )
-								height *= 186 / width;
-							height = Math.min(186, height);
-
-						} else
-							preview_url = null;
-
-						//image = preview_url ? `<img style="height:${height}px" class="emoticon ffz-image-hover" src="${preview_url}?_=preview">` : '';
-						image = preview_url ? '<img style="height:' + height + 'px" class="emoticon ffz-image-hover" src="' + preview_url + '"?_=preview">' : '';
-						return (is_favorite ? FAV_MARKER : '') + image + 'Emoticon: ' + (emote.hidden ? '???' : utils.sanitize(emote.name)) + '<br>' + source_line + (owner ? '<br>By: ' + utils.sanitize(owner.display_name) : '') + mod_text;
-
-						//return `${image}Emoticon: ${emote.hidden ? '???' : emote.name}<br>${source} ${title}${owner ? '<br>By: ' + owner.display_name : ""}`;
-					}
-				}
-
-				emote_id = this.getAttribute('data-emote');
-				if ( emote_id ) {
-					set_id = f.get_twitch_set_for(emote_id);
-					var set_data = set_id !== null && f.get_twitch_set(set_id);
-					emote_set = set_data && set_data.c_name;
-
-					var set_type = "Channel",
-						favorite_key = 'twitch-' + set_id;
-
-					if ( f._twitch_inventory_sets.indexOf(set_id) !== -1 )
-						favorite_key = 'twitch-inventory';
-
-					var favorites = set_id && f.settings.favorite_emotes[favorite_key] || [],
-						is_favorite = ! can_favorite && favorites.indexOf(parseInt(emote_id)) !== -1;
-
-					preview_url = f.settings.emote_image_hover && (constants.TWITCH_BASE + emote_id + '/3.0');
-					//image = preview_url ? `<img style="height:112px" class="emoticon ffz-image-hover" src="${preview_url}?_=preview">` : '';
-					image = preview_url ? '<img style="height:112px" class="emoticon ffz-image-hover" src="' + preview_url + '"?_=preview">' : '';
-
-					// Global OR Golden Kappa
-					if ( emote_set === "--global--" || emote_id === '80393' ) {
-						emote_set = "Twitch Global";
-						set_type = null;
-					} else if ( emote_set === "--twitch-turbo--" || emote_set === "turbo" || emote_set === "--turbo-faces--" ) {
-						emote_set = "Twitch Turbo";
-						set_type = null;
-					} else if ( emote_set === '--prime--' || emote_set === '--prime-faces--' ) {
-						emote_set = "Twitch Prime";
-						set_type = null;
-					}
-
-					var no_credit = this.classList.contains('ffz-tooltip-no-credit'),
-						no_set = ! emote_set || no_credit;
-
-					return (is_favorite ? FAV_MARKER : '') + image + (no_credit ? '' : 'Emoticon: ') +
-						utils.sanitize(this.alt) + (no_set ? '' : '<br>' + (set_type ? set_type + ': ' : '') + emote_set) +
-						mod_text;
-						//return `${image}Emoticon: ${this.alt}<br>${set_type ? set_type + ": " : ""}${emote_set}`;
-				}
-
-				emote_id = this.getAttribute('data-ffz-emoji');
-				if ( emote_id ) {
-					emote = f.emoji_data[emote_id];
-					var src = emote && (f.settings.parse_emoji === 3 ? emote.one_src : (f.settings.parse_emoji === 2 ? emote.noto_src : emote.tw_src));
-
-					var favorites = f.settings.favorite_emotes.emoji || [],
-						is_favorite = ! can_favorite && favorites.indexOf(emote.raw) !== -1;
-
-					preview_url = f.settings.emote_image_hover && src;
-					//image = preview_url ? `<img style="height:72px" class="emoticon ffz-image-hover" src="${preview_url}">` : '';
-					image = preview_url ? '<img style="height:72px" class="emoticon ffz-image-hover" src="' + preview_url + '"?_=preview">' : '';
-
-					return (is_favorite ? FAV_MARKER : '') + image + "Emoji: " + this.alt + '<br>Name: ' + emote.name + (emote.short_name ? '<br>Short Name :' + emote.short_name + ':' : '') + (emote.cat ? '<br>Category: ' + utils.sanitize(constants.EMOJI_CATEGORIES[emote.cat] || emote.cat) : '') + mod_text;
-					//return `${image}Emoji: ${this.alt}<br>Name: ${emote.name}${emote.short_name ? '<br>Short Name: :' + emote.short_name + ':' : ''}`;
-				}
-
-			} else if ( this.classList.contains('email-link') ) {
-				var url = this.getAttribute("data-url");
-				return url ? "E-Mail " + url.substr(7) : '';
-
-			} else if ( this.classList.contains('chat-link') ) {
-				// TODO: A lot of shit. Lookup data.
-				var t = this,
-					url = this.getAttribute("data-url"),
-					data = url && f.get_link_info(url);
-
-				if ( this.classList.contains('deleted-link') )
-					return utils.sanitize(url || '');
-
-				if ( ! url || ! data )
-					return '';
-
-				if ( data instanceof Promise ) {
-					var tt_id = FFZ._sc_followed_tooltip_id++,
-						replacer = function(data, tooltip_class) {
-							var j_el = jQuery(t),
-								zipsy = j_el.data('tipsy');
-
-							if ( zipsy ) {
-								if ( zipsy.hoverState === 'in' )
-									j_el.zipsy('hide').zipsy('show');
-								return;
-							}
-
-							var el = document.querySelector('.ffz-async-tooltip[data-id="' + tt_id + '"]'),
-								container = el && el.parentElement.parentElement;
-							if ( ! el )
-								return;
-
-							if ( ! data )
-								jQuery(container).remove();
-
-							if ( tooltip_class )
-								container.classList.add(tooltip_class);
-
-							el.outerHTML = data;
-						};
-
-					data.then(function(data) {
-						if ( data )
-							replacer(f.render_link_tooltip(data, t), data.tooltip_class);
-						else
-							replacer(null);
-
-					}).catch(function(err) {
-						replacer(utils.sanitize(err || ''));
-					});
-
-					return '<div class="ffz-async-tooltip" data-id="' + tt_id + '"></div>';
-
-				} else
-					return f.render_link_tooltip(data, this);
-			}
-
-			f.log("Unable to Build Tooltip For: " + this.className, this);
-			return "";
-		};
-
-	return el ? func(el) : func;
-};
-
-
-// ---------------------
-// Tokenization
-// ---------------------
-
-FFZ.prototype.tokenize_conversation_line = function(message, prevent_notification) {
-	var msg = message.get('body'),
-		user = this.get_user(),
-		from_user = message.get('from.username'),
-		from_me = user && from_user === user.login,
-
-		emotes = message.get('tags.emotes'),
-		tokens = [msg];
-
-	if ( conv_helpers && conv_helpers.checkActionMessage )
-		tokens = conv_helpers.checkActionMessage(tokens);
-
-	if ( emote_helpers )
-		emotes = emote_helpers(emotes);
-
-	// Standard Tokenization
-	if ( helpers && helpers.linkifyMessage && this.settings.parse_links )
-		tokens = helpers.linkifyMessage(tokens);
-
-	if ( user && user.login && helpers && helpers.mentionizeMessage ) {
-		tokens = helpers.mentionizeMessage(tokens, user.login, from_me);
-
-		// Display names~~
-		if ( ! from_me && user.name && user.name.trim().toLowerCase() !== user.login )
-			tokens = helpers.mentionizeMessage(tokens, user.name, from_me);
-	}
-
-	if ( helpers && helpers.emoticonizeMessage && emotes && this.settings.parse_emoticons )
-		tokens = helpers.emoticonizeMessage(tokens, emotes);
-
-	// Pre-load emote information.
-	if ( emotes )
-		for(var emote_id in emotes)
-			this.get_twitch_set_for(emote_id);
-
-	// FrankerFaceZ Extras
-	tokens = this._remove_banned(tokens);
-
-	if ( this.settings.parse_emoticons && this.settings.parse_emoticons !== 2 )
-		tokens = this.tokenize_emotes(from_user, undefined, tokens, from_me);
-
-	if ( this.settings.parse_emoji )
-		tokens = this.tokenize_emoji(tokens);
-
-	// Capitalization
-	var display_name = message.get('from.displayName');
-	if ( display_name && display_name.length && display_name !== 'jtv' )
-		FFZ.capitalization[from_user] = [display_name.trim(), Date.now()];
-
-	// Mentions!
-	if ( ! from_me )
-		tokens = this.tokenize_mentions(tokens);
-
-	// TODO: Notifications?
-
-	return tokens;
-}
-
-
-FFZ.prototype.tokenize_vod_line = function(msgObject, delete_links) {
-	var cached = msgObject.get('cachedTokens');
-	if ( cached )
-		return cached;
-
-	var msg = msgObject.get('message'),
-		room_id = msgObject.get('room'),
-		from_user = msgObject.get('from'),
-		user = this.get_user(),
-		from_me = user && from_user === user.login,
-		emotes = msgObject.get('tags.emotes'),
-
-		tokens = [msg];
-
-	if ( helpers && helpers.linkifyMessage && this.settings.parse_links )
-		tokens = helpers.linkifyMessage(tokens, delete_links);
-
-	if ( user && user.login && helpers && helpers.mentionizeMessage ) {
-		tokens = helpers.mentionizeMessage(tokens, user.login, from_me);
-
-		// Display names~~
-		if ( ! from_me && user.name && user.name.trim().toLowerCase() !== user.login )
-			tokens = helpers.mentionizeMessage(tokens, user.name, from_me);
-	}
-
-	if ( helpers && helpers.emoticonizeMessage && emotes && this.settings.parse_emoticons )
-		tokens = helpers.emoticonizeMessage(tokens, emotes);
-
-	// Pre-load emote information.
-	if ( emotes )
-		for(var emote_id in emotes)
-			this.get_twitch_set_for(emote_id);
-
-	// FrankerFaceZ Extras
-	tokens = this._remove_banned(tokens);
-
-	if ( this.settings.parse_emoticons && this.settings.parse_emoticons !== 2 )
-		tokens = this.tokenize_emotes(from_user, room_id, tokens, from_me);
-
-	if ( this.settings.parse_emoji )
-		tokens = this.tokenize_emoji(tokens);
-
-	var display = msgObject.get('tags.display-name');
-	if ( display && display.length && display !== 'jtv' )
-		FFZ.capitalization[from_user] = [display.trim(), Date.now()];
-
-	var key_user = this.settings.key_users.indexOf(from_user) !== -1;
-	if ( key_user )
-		msgObject.set('ffz_has_mention', true);
-
-	if ( ! from_me ) {
-		tokens = this.tokenize_mentions(tokens);
-		if ( ! key_user )
-			for(var i=0; i < tokens.length; i++) {
-				var token = tokens[i];
-				if ( token.type === 'mention' && ! token.isOwnMessage ) {
-					msgObject.set('ffz_has_mention', true);
-					break;
-				}
-			}
-	}
-
-	msgObject.set('cachedTokens', tokens);
-	return tokens;
-}
-
-
-FFZ.prototype._tokenize_bits = function(tokens) {
-	if ( bits_helpers && bits_helpers.tokenizeBits )
-		try {
-			return bits_helpers.tokenizeBits(tokens,
-				//bits_tags && bits_tags.get('allTagNames'),
-				bits_service && bits_service.get('regexes'));
-
-		} catch(err) { }
-	return tokens;
-}
-
-
-FFZ.prototype.tokenize_rich_content = function(tokens, content) {
-	'use strict';
-
-	// First, we want to get the indices of all the existing rich content elements.
-	// This should only really be grabbing commerce content.
-	var indices = [];
-	for(var content_type in content) {
-		var cont = content[content_type];
-		for(var i=0; i < cont.length; i++) {
-			var c = cont[i];
-			if ( c.removeOriginal && c.index >= 0 )
-				indices.push(c.index);
-		}
-	}
-
-	// Sanitize tokens.
-	if ( typeof tokens === 'string' )
-		tokens = [{type: 'text', text: tokens}];
-
-	var providers = FFZ.rich_content_providers;
-
-	// Iterate tokens.
-	var idx = 0;
-	for(var i=0; i < tokens.length; i++) {
-		var token = tokens[i];
-		if ( typeof token === 'string' )
-			token = tokens[i] = {type: 'text', text: token};
-
-		// If a token's index matches rich content, then the token is being
-		// expressed as rich content and it should be suppressed when the
-		// message is rendered with rich content.
-		if ( indices.indexOf(idx) !== -1 ) {
-			token.rich_removed = true;
-
-		} else {
-			// However, if it doesn't match existing rich content, then we
-			// should proceed to check it using our rich content providers.
-			for(var pk in providers) {
-				var provider = providers[pk];
-				if ( ! provider.type || token.type === provider.type ) {
-					var cont = provider.extract(token);
-					if ( cont ) {
-						token.rich_removed = provider.remove_token;
-						content[pk] = content[pk] || [];
-						content[pk].push({
-							index: idx,
-							removeOriginal: provider.remove_token,
-							data: cont
-						});
-						break;
-					}
-				}
-			}
-		}
-
-		idx += token.length || (token.text && token.text.length) || 1;
-	}
-
-	return tokens;
-}
-
-
-FFZ.rich_content_providers = {
-	/*ffz_emote: {
-		token_type: 'link',
-		remove_token: true,
-		display_name: 'FFZ emote',
-
-		extract: function(token) {
-			var href = token.link || token.text,
-				match = FFZ_EMOTE_URL.exec(href);
-
-			if ( match )
-				return {
-					url: href,
-					id: match[1]
-				}
-		},
-
-		get_info: function(info) { return new Promise(function(s,f) {
-			fetch("https://api.frankerfacez.com/v1/emote/" + info.id)
-					.then(utils.json).then(function(data) {
-				if ( ! data || ! data.emote )
-					return f();
-
-				var em = data.emote;
-
-				s({
-					image: em.urls[2] || em.urls[1],
-					url: info.url,
-					title: utils.sanitize(em.name) + ' by <span class="user-token" data-user="' + utils.quote_attr(em.owner.name) + '">' + utils.sanitize(em.owner.display_name) + '</span>',
-					by_lines: [
-						(em.public ? 'Public' : 'Private') + ' FFZ Emote'
-					]
-				})
-			})
-		})}
-	},*/
-
-	video: {
-		token_type: 'link',
-		remove_token: true,
-
-		extract: function(token) {
-			var href = token.link || token.text,
-				match = VIDEO_URL.exec(href);
-
-			if ( match )
-				return {
-					url: href,
-					id: match[1]
-				}
-		},
-
-		get_info: function(info) { return new Promise(function(s,f) {
-			utils.api.get("videos/" + info.id, undefined, {version: 5}).then(function(data) {
-				var published = utils.parse_date(data.recorded_at),
-					now = new Date,
-					raw_age = (now - published) / 1000,
-					age = raw_age >= 86400 ? published.toLocaleDateString() : utils.full_human_time(raw_age);
-
-				s({
-					image: data.preview.small,
-					title: utils.sanitize(data.title || 'Untitled Video'),
-					url: info.url,
-					by_lines: [
-						'<span class="user-token" data-user="' + utils.quote_attr(data.channel.name) + '">' + utils.sanitize(data.channel.display_name) + '</span>' +
-							(data.game === 'Creative' ? ' being Creative' : data.game ? ' playing ' + utils.sanitize(data.game) : ''),
-						utils.time_to_string(data.length || 0) +
-							' &mdash; ' + utils.number_commas(data.views) + ' Views' +
-							(published ?
-								' &mdash; <span class="html-tooltip" title="Published: <nobr>' +
-									utils.quote_san(published.toLocaleString()) + '</nobr>">' +
-									utils.sanitize(age) +
-								'</span>' : '')
-					]
-				})
-			}).fail(f)
-		})}
-	},
-
-	clip: {
-		token_type: 'link',
-		remove_token: true,
-
-		get_info: function(info) { return new Promise(function(s,f) {
-			var Clips = utils.ember_lookup('service:clips');
-			if ( ! Clips )
-				return f();
-
-			Clips.fetchClipBySlug(info.slug).then(function(data) {
-				s({
-					image: data.thumbnails.tiny,
-					title: utils.sanitize(data.title || 'Untitled Clip'),
-					url: info.url,
-					by_lines: [
-						'<span class="user-token" data-user="' + utils.quote_attr(data.broadcaster_login) + '">' + utils.sanitize(data.broadcaster_display_name) + '</span>' +
-							(data.game === 'Creative' ? ' being Creative' : data.game ? ' playing ' + utils.sanitize(data.game) : ''),
-						'Clipped by <span class="user-token" data-user="' + utils.quote_attr(data.curator_login) + '">' + utils.sanitize(data.curator_display_name) + '</span> &mdash; ' +
-							utils.number_commas(data.views) + ' View' + utils.pluralize(data.views)
-					]
-				});
-			}).catch(f)
-		})},
-
-		extract: function(token) {
-			var href = token.link || token.text,
-				match = CLIP_URL.exec(href);
-
-			if ( match )
-				return {
-					url: href,
-					slug: match[1]
-				}
-		}
-	}
-}
-
-
-FFZ.prototype.tokenize_chat_line = function(msgObject, prevent_notification, delete_links, disable_cache) {
-	if ( msgObject.cachedTokens && ! disable_cache )
-		return msgObject.cachedTokens;
-
-	var msg = msgObject.message,
-		room_id = msgObject.room,
-		from_user = msgObject.from,
-		user = this.get_user(),
-		from_me = user && from_user === user.login,
-		tags = msgObject.tags || {},
-		emotes = tags.emotes,
-		tokens = [msg],
-		mod_or_higher = tags.mod || from_user === room_id || tags['user-type'] === 'staff' || tags['user-type'] === 'admin' || tags['user-type'] === 'global_mod';
-
-	// Standard Tokenization
-	if ( tags.bits )
-		tokens = this._tokenize_bits(tokens);
-
-	// For Later
-	//if ( helpers && helpers.tokenizeRichContent )
-	//	tokens = helpers.tokenizeRichContent(tokens, tags.content, delete_links);
-
-	if ( helpers && helpers.linkifyMessage && this.settings.parse_links )
-		tokens = helpers.linkifyMessage(tokens, delete_links && ! mod_or_higher);
-
-	if ( user && user.login && helpers && helpers.mentionizeMessage ) {
-		tokens = helpers.mentionizeMessage(tokens, user.login, from_me);
-
-		// Display names~~
-		if ( ! from_me && user.name && user.name.trim().toLowerCase() !== user.login )
-			tokens = helpers.mentionizeMessage(tokens, user.name, from_me);
-	}
-
-	if ( helpers && helpers.emoticonizeMessage && this.settings.parse_emoticons )
-		tokens = helpers.emoticonizeMessage(tokens, emotes);
-
-	// Pre-load emote information.
-	if ( emotes )
-		for(var emote_id in emotes)
-			this.get_twitch_set_for(emote_id);
-
-	// FrankerFaceZ Extras
-	tokens = this._remove_banned(tokens);
-
-	if ( tags.bits && this.settings.collect_bits ) {
-		var stuff = {},
-			into_one = this.settings.collect_bits === 2;
-
-		for(var i=0; i < tokens.length; i++)
-			if ( tokens[i] && tokens[i].type === "bits" ) {
-				tokens[i].hidden = true;
-				var real_prefix = tokens[i].prefix,
-					prefix = into_one ? 'Cheer' : real_prefix,
-					amount = tokens[i].amount || 0,
-					grouped = stuff[prefix] = stuff[prefix] || {total: 0, individuals: []};
-
-				grouped.total += amount;
-				grouped.individuals.push([amount, real_prefix]);
-			}
-
-		for(var prefix in stuff)
-			tokens.splice(0, 0, {
-				type: "bits",
-				prefix: prefix,
-				amount: stuff[prefix].total,
-				individuals: stuff[prefix].individuals,
-				length: 0
-			});
-	}
-
-	if ( this.settings.parse_emoji )
-		tokens = this.tokenize_emoji(tokens);
-
-	if ( this.settings.parse_emoticons && this.settings.parse_emoticons !== 2 )
-		tokens = this.tokenize_emotes(from_user, room_id, tokens, from_me);
-
-	// Capitalization
-	var display = tags['display-name'];
-	if ( display && display.length && display !== 'jtv' )
-		FFZ.capitalization[from_user] = [display.trim(), Date.now()];
-
-
-	var key_user = this.settings.key_users.indexOf(from_user) !== -1;
-	if ( key_user )
-		msgObject.ffz_has_mention = true;
-
-
-	// Mentions!
-	if ( ! from_me ) {
-		tokens = this.tokenize_mentions(tokens);
-		var st = (mod_or_higher && !this.settings.remove_filtered_mod) ? 0 : this.settings.remove_filtered;
-
-		for(var i=0; i < tokens.length; i++) {
-			var token = tokens[i],
-				is_mention = token.type === "mention",
-				is_removed = token.type === "deleted" || token.censoredLink;
-
-			if ( is_removed )
-				if ( st === 2 )
-					msgObject.ffz_removed = true;
-				else if ( st === 1 ) {
-					msgObject.ffz_deleted = true;
-					msgObject.deleted = true;
-				}
-
-			if ( ! is_mention || token.isOwnMessage )
-				continue;
-
-			// We have a mention!
-			msgObject.ffz_has_mention = true;
-
-			// If it's a historical message we don't want to update any other UI.
-			if ( msg.tags && msg.tags.historical )
-				continue;
-
-			// If we have chat tabs/rows, update the status.
-			if ( room_id && ! this.has_bttv_6 && this._chatv ) {
-				var room = this.rooms[room_id] && this.rooms[room_id].room;
-				if ( room._ffz_tab && ! room._ffz_tab.classList.contains('active') ) {
-					room._ffz_tab.classList.add('tab-mentioned');
-					var was_hidden = room._ffz_tab.classList.contains('hidden');
-
-					if ( was_hidden ) {
-						room._ffz_tab.classList.remove('hidden');
-						this._chatv.$('.chat-room').css('top', this._chatv._ffz_tabs.offsetHeight + "px");
-					}
-				}
-
-				if ( room._ffz_row && ! room._ffz_row.classList.contains('active') )
-					room._ffz_row.classList.add('row-mentioned');
-			}
-
-			// Display notifications if that setting is enabled. Also make sure
-			// that we have a chat view because showing a notification when we
-			// can't actually go to it is a bad thing.
-			if ( this._chatv && this.settings.highlight_notifications && ! this.embed_in_dash && ! document.hasFocus() && ! prevent_notification ) {
-				var room = this.rooms[room_id] && this.rooms[room_id].room,
-					controller = utils.ember_lookup('controller:chat'),
-					room_name;
-
-				// Make sure we have UI for this channel.
-				if ( this.settings.pinned_rooms.indexOf(room_id) !== -1 ||
-						room_id === this._chatv._ffz_host ||
-						room.get('isGroupRoom') ||
-						(controller && room === controller.get('currentChannelRoom')) ) {
-
-					if ( room && room.get('isGroupRoom') )
-						room_name = room.get('tmiRoom.displayName');
-					else
-						room_name = FFZ.get_capitalization(room_id);
-
-					display = display || Twitch.display.capitalize(from_user);
-
-					if ( msgObject.style === 'action' )
-						msg = '* ' + display + ' ' + msg;
-					else
-						msg = display + ': ' + msg;
-
-					var f = this;
-					if ( msgObject.style === 'whisper' )
-						this.show_notification(
-							msg,
-							"Twitch Chat Whisper",
-							"ffz_whisper_notice",
-							(this.settings.notification_timeout*1000),
-							function() {
-								window.focus();
-							}
-						);
-					else
-						this.show_notification(
-							msg,
-							"Twitch Chat Mention in " + room_name,
-							room_id,
-							(this.settings.notification_timeout*1000),
-							function() {
-								window.focus();
-								room && controller && controller.focusRoom(room);
-							}
-						);
-				}
-			}
-
-			break;
-		}
-	}
-
-	// Tokenize users last.
-	tokens = this.tokenize_users(tokens);
-
-	// Take care of rich content.
-	if ( ! tags.content )
-		tags.content = {};
-
-	this.tokenize_rich_content(tokens, tags.content);
-
-	if ( ! disable_cache )
-		msgObject.cachedTokens = tokens;
-
-	return tokens;
-}
-
-
-FFZ.prototype.tokenize_line = function(user, room, message, no_emotes, no_emoji) {
-	if ( typeof message === "string" )
-		message = [message];
-
-	if ( helpers && helpers.linkifyMessage )
-		message = helpers.linkifyMessage(message);
-
-	if ( helpers && helpers.mentionizeMessage ) {
-		var u = this.get_user();
-		if ( u && u.login ) {
-			message = helpers.mentionizeMessage(message, u.login, user === u.login);
-
-			// Display names~~
-			if ( ! user === u.login && u.name && u.name.trim().toLowerCase() !== u.login )
-				tokens = helpers.mentionizeMessage(tokens, u.name, from_me);
-		}
-	}
-
-	if ( ! no_emotes && this.settings.parse_emoticons && this.settings.parse_emoticons !== 2 )
-		message = this.tokenize_emotes(user, room, message);
-
-	if ( this.settings.parse_emoji && ! no_emoji )
-		message = this.tokenize_emoji(message);
-
-	message = this.tokenize_users(message);
-
-	return message;
-}
-
-
-FFZ.prototype.tokenize_feed_body = function(message, emotes, user_id, room_id) {
-	"use strict";
-
-	if ( typeof message === "string" )
-		message = [{type: "text", text: message}];
-
-	if ( helpers && helpers.linkifyMessage )
-		message = helpers.linkifyMessage(message);
-
-	// We want to tokenize emoji first to make sure that they don't cause issues
-	// with the indices used by emoticonizeMessage.
-	message = this.tokenize_emoji(message);
-
-	if ( helpers && helpers.emoticonizeMessage && this.settings.parse_emoticons )
-		message = helpers.emoticonizeMessage(message, emotes);
-
-	// Pre-load emote information.
-	if ( emotes )
-		for(var emote_id in emotes)
-			this.get_twitch_set_for(emote_id);
-
-	// Tokenize Lines
-	var tokens = [], token;
-
-	for(var i = 0; i < message.length; i++) {
-		token = message[i];
-		if ( ! token )
-			continue;
-
-		if ( typeof token !== "string" )
-			if ( token.type === "text" )
-				token = token.text;
-			else {
-				tokens.push(token);
-				continue;
-			}
-
-		var segments = token.split(/\n/g);
-		while(segments.length) {
-			tokens.push({type: "text", text: segments.shift()});
-			if ( segments.length )
-				tokens.push({type: "raw", html: "</p><p>"});
-		}
-	}
-
-	if ( this.settings.parse_emoticons && this.settings.parse_emoticons !== 2 )
-		tokens = this.tokenize_emotes(user_id, room_id, tokens)
-
-	return tokens;
-}
-
-
-FFZ.prototype.render_token = function(render_links, warn_links, render_bits, token) {
-	if ( ! token )
-		return "";
-
-	if ( token.hidden || (this.settings.chat_rich_content && token.rich_removed) )
-		return "";
-
-	else if ( token.type === "raw" )
-		return token.html;
-
-	else if ( token.type === "user" )
-		return '<span data-user="' + utils.quote_attr(token.user) + '" class="user-token">' + utils.sanitize(token.text) + '</span>';
-
-	else if ( token.type === "emoticon" ) {
-		var src = token.imgSrc, srcset, cls, extra;
-		if ( token.ffzEmote ) {
-			var emote_set = this.emote_sets && this.emote_sets[token.ffzEmoteSet],
-				emote = emote_set && emote_set.emoticons && emote_set.emoticons[token.ffzEmote];
-
-			srcset = emote ? emote.srcSet : token.srcSet;
-			//extra = (emote ? ` data-ffz-emote="${emote.id}"` : '') + (emote_set ? ` data-ffz-set="${emote_set.id}"` : '');
-			extra = (emote ? ' data-ffz-emote="' + emote.id + '"' : '') + (emote_set ? ' data-ffz-set="' + emote_set.id + '"' : '')
-
-		} else if ( token.ffzEmoji ) {
-			var setting = this.settings.parse_emoji;
-			if ( setting === 0 || (setting === 1 && ! token.tw) || (setting === 2 && ! token.noto) || (setting === 3 && ! token.one) )
-				return token.altText;
-
-			src = setting === 3 ? token.one_src : (setting === 2 ? token.noto_src : token.tw_src);
-			//extra = ` data-ffz-emoji="${token.ffzEmoji}" height="18px"`;
-			extra = ' data-ffz-emoji="' + token.ffzEmoji + '" height="18px"';
-			cls = ' emoji';
-
-		} else {
-			var id = FFZ.src_to_id(src),
-				replacement = this.settings.replace_bad_emotes && constants.EMOTE_REPLACEMENTS[id];
-
-			//extra = ` data-emote="${id}" onerror="FrankerFaceZ._emote_mirror_swap(this)"`;
-			extra = ' data-emote="' + id + '" onerror="FrankerFaceZ._emote_mirror_swap(this)"';
-
-			if ( replacement ) {
-				src = constants.EMOTE_REPLACEMENT_BASE + replacement;
-				srcset = '';
-			} else
-				srcset = utils.build_srcset(id);
-		}
-
-		//return `<img class="emoticon ffz-tooltip${cls||''}"${extra||''} src="${utils.quote_attr(src)}"${srcset ? ' srcset="' + utils.quote_attr(srcset) + '"' : ''} alt="${utils.quote_attr(token.altText)}">`;
-		var f = this, prefix = '', suffix = '';
-		if ( token.modifiers && token.modifiers.length ) {
-			prefix = '<span class="emoticon modified-emoticon"' + (token.ffzEmote ? ' data-ffz-emote="' + token.ffzEmote + '"' : '') + '>';
-			suffix = _.map(token.modifiers, function(t) {
-					return '<span>' + f.render_token(render_links, warn_links, render_bits, t) + '</span>';
-				}).join('') + '</span>';
-
-			extra += ' data-ffz-modifiers="' + utils.quote_attr(_.map(token.modifiers, function(t) { return t.ffzEmote }).join(' ')) + '" data-modifier-info="' + utils.quote_attr(JSON.stringify(_.map(token.modifiers, function(t) { return [t.ffzEmoteSet, t.ffzEmote] }))) + '"';
-		}
-
-		return prefix + '<img class="emoticon ffz-tooltip' + (cls||'') + '"' + (extra||'') + ' src="' + utils.quote_attr(src) + '"' + (srcset ? ' srcset="' + utils.quote_attr(srcset) + '"' : '') + ' alt="' + utils.quote_attr(token.altText) + '">' + suffix;
-	}
-
-	else if ( token.type === "tag" ) {
-		var link = Twitch.uri.game("Creative") + "/" + token.tag;
-		return '<a href="' + utils.quote_attr(link) + '" data-tag="' + utils.quote_attr(token.tag) + '" class="ffz-creative-tag-link">' + utils.sanitize(token.text) + '</a>';
-	}
-
-	else if ( token.type === "link" ) {
-		var text = token.title || (token.isLong && '<long link>') || (token.isDeleted && '<deleted link>') || (warn_links && '<whispered link>') || token.text;
-
-		if ( ! render_links && render_links !== undefined )
-			return utils.sanitize(text);
-
-		var href = token.link || token.text,
-			cls = '';
-
-		if ( token.isMailTo ) {
-			// E-Mail Link
-			cls = 'email-link';
-			href = 'mailto:' + href;
-
-		} else {
-			// Web Link
-			cls = 'chat-link';
-
-			var info = this.get_link_info(href);
-			if ( info && info.unsafe )
-				cls += ' unsafe-link';
-		}
-
-		// Deleted Links
-		var actual_href = href;
-		if ( token.isDeleted ) {
-			cls = 'deleted-link ' + cls;
-			href = '#';
-
-		} else if ( warn_links ) {
-			cls = 'warn-link deleted-link ' + cls;
-			href = '#';
-		}
-
-		//return `<a class="ffz-tooltip ${cls}" data-text="${utils.quote_attr(token.text)}" data-url="${utils.quote_attr(actual_href)}" href="${utils.quote_attr(href||'#')}" target="_blank" rel="noopener">${utils.sanitize(text)}</a>`;
-		return '<a class="ffz-tooltip' + (cls ? ' ' + cls : '') + '" data-text="' + utils.quote_attr(token.text) + '" data-url="' + utils.quote_attr(actual_href) + '" href="' + utils.quote_attr(href||'#') + '" target="_blank" rel="noopener">' + utils.sanitize(text) + '</a>';
-	}
-
-	else if ( token.type === "bits" ) {
-		var tier = render_bits && bits_service.ffz_get_tier(token.prefix, token.amount) || [null, null];
-		if ( ! tier[1] )
-			return 'cheer' + token.amount;
-
-		var prefix = utils.quote_attr(token.prefix);
-		return '<span class="emoticon js-bits-emote-image ffz-bit ffz-tooltip bit-prefix-' + prefix + ' bit-tier-' + tier[0] + '"' + (token.individuals ? ' data-individuals="' + utils.quote_attr(JSON.stringify(token.individuals)) + '"' : '') + ' data-prefix="' + prefix + '" data-amount="' + utils.number_commas(token.amount) + '" alt="cheer' + token.amount + '"></span>';
-	}
-
-	else if ( token.type === 'bits-tag' ) {
-		return '<span class="bits-tag mentioning">' + utils.sanitize(token.tag) + '</span>';
-	}
-
-	else if ( token.type === "deleted" )
-		return '<span class="deleted-word html-tooltip" title="' + utils.quote_san(token.text) + '" data-text="' + utils.sanitize(token.text) + '">&times;&times;&times;</span>';
-		//return `<span class="deleted-word html-tooltip" title="${utils.quote_attr(token.text)}" data-text="${utils.sanitize(token.text)}">&times;&times;&times;</span>`;
-
-	else if ( token.type === "mention" )
-		return '<span class="' + (token.isOwnMessage ? 'mentioning' : 'mentioned') + '">' + utils.sanitize(token.user) + '</span>';
-		//return `<span class="${token.isOwnMessage ? 'mentioning' : 'mentioned'}">${utils.sanitize(token.user)}</span>`;
-
-	else if ( token.deletedLink || token.hasOwnProperty('text') )
-		return utils.sanitize(token.text);
-
-	else if ( typeof token !== "string" )
-		return '<b class="html-tooltip" title="<div style=&quot;text-align:left&quot;>' + utils.quote_attr(JSON.stringify(token,null,2)) + '</div>">[unknown token]</b>';
-		//return `<b class="html-tooltip" title="<div style=&quot;text-align:left&quot;>${utils.quote_attr(JSON.stringify(token,null,2))}</div>">[unknown token]</b>`;
-
-	return utils.sanitize(token);
-}
-
-
-FFZ.prototype.render_tokens = function(tokens, render_links, warn_links, render_bits) {
-	return _.map(tokens, this.render_token.bind(this, render_links, warn_links, render_bits)).join("");
-}
-
-
-// ---------------------
-// Creative Tags
-// ---------------------
-
-FFZ.prototype.tokenize_ctags = function(tokens, tags_only) {
-	"use strict";
-
-	if ( typeof tokens === "string" )
-		tokens = [tokens];
-
-	var banned_tags = window.SiteOptions && SiteOptions.creative_banned_tags && SiteOptions.creative_banned_tags.split(',') || [],
-		new_tokens = [];
-
-	for(var i=0, l = tokens.length; i < l; i++) {
-		var token = tokens[i];
-		if ( ! token )
-			continue;
-
-		if ( typeof token !== "string" )
-			if ( token.type === "text" )
-				token = token.text;
-			else {
-				! tags_only && new_tokens.push(token);
-				continue;
-			}
-
-		var segments = token.split(' '),
-			text = [], segment, tag;
-
-		for(var x=0,y=segments.length; x < y; x++) {
-			segment = segments[x];
-			tag = segment.substr(1).toLowerCase();
-			if ( segment.charAt(0) === '#' && banned_tags.indexOf(tag) === -1 ) {
-				if ( text.length ) {
-					! tags_only && new_tokens.push({type: "text", text: text.join(' ') + ' '});
-					text = [];
-				}
-
-				new_tokens.push({type: "tag", text: segment, tag: tag});
-				text.push('');
-			} else
-				text.push(segment);
-		}
-
-		if ( ! tags_only && (text.length > 1 || (text.length === 1 && text[0] !== '')) )
-			new_tokens.push({type: "text", text: text.join(' ')});
-	}
-
-	return new_tokens;
-}
-
-
-// ---------------------
-// Emoticon Processing
-// ---------------------
-
-FFZ.prototype.tokenize_users = function(tokens) {
-	"use strict";
-
-	if ( typeof tokens === "string" )
-		tokens = [tokens];
-
-	var new_tokens = [];
-	for(var i=0, l=tokens.length; i < l; i++) {
-		var token = tokens[i];
-		if ( ! token )
-			continue;
-
-		if ( typeof token !== "string" )
-			if ( token.type === "text" )
-				token = token.text;
-			else {
-				new_tokens.push(token);
-				continue;
-			}
-
-		var segments = token.split(/(@[a-z0-9][a-z0-9_]{3,24})/i);
-		for(var x=0, y = segments.length; x < y; x += 2) {
-			var text = segments[x] || '',
-				match = segments[x+1] || '';
-
-			if ( text.length )
-				new_tokens.push({type: 'text', text: text});
-
-			if ( match.length )
-				new_tokens.push({type: 'user', text: match, user: match.substr(1)});
-		}
-	}
-
-	return new_tokens;
-}
-
-FFZ.prototype.tokenize_emotes = function(user, room, tokens, do_report) {
-	"use strict";
-
-	var sets = this.getEmotes(user, room),
-		emotes = {},
-		emote,
-
-		new_tokens = [];
-
-	if ( ! tokens || ! tokens.length || ! sets || ! sets.length )
-		return tokens;
-
-	// Build an object with all of our emotes.
-	for(var i=0; i < sets.length; i++) {
-		var emote_set = this.emote_sets[sets[i]];
-		if ( emote_set && emote_set.emoticons )
-			for(var emote_id in emote_set.emoticons) {
-				emote = emote_set.emoticons[emote_id];
-				if ( ! HOP.call(emotes, emote.name) )
-					emotes[emote.name] = emote;
-			}
-	}
-
-	if ( typeof tokens === "string" )
-		tokens = [tokens];
-
-	var last_token;
-	for(var i=0, l=tokens.length; i < l; i++) {
-		var token = tokens[i];
-		if ( ! token )
-			continue;
-
-		if ( typeof token !== "string" )
-			if ( token.type === "text" )
-				token = token.text;
-			else {
-				if ( token.type === 'emoticon' ) {
-					emote = emotes[token.altText];
-					if ( emote && emote.replaces ) {
-						token = _.extend({}, emote.token);
-						token.modifiers = [];
-						new_tokens.push(token);
-						last_token = token;
-
-						if ( do_report && room )
-							this.add_usage(room, emote);
-
-						continue;
-					}
-
-
-					if ( ! token.modifiers )
-						token.modifiers = [];
-				}
-
-				new_tokens.push(token);
-				last_token = token;
-				continue;
-			}
-
-		// Split the token!
-		var segments = token.split(/ +/),
-			text = [], segment;
-
-		for(var x=0,y=segments.length; x < y; x++) {
-			segment = segments[x];
-			if ( HOP.call(emotes, segment) ) {
-				emote = emotes[segment];
-
-				// Is this emote a modifier?
-				if ( emote.modifier && last_token && last_token.modifiers && (!text.length || (text.length === 1 && text[0] === '')) ) {
-					if ( last_token.modifiers.indexOf(emote.token) === -1 )
-						last_token.modifiers.push(emote.token);
-
-					if ( do_report && room )
-						this.add_usage(room, emote);
-
-					continue;
-				}
-
-				if ( text.length ) {
-					// We have pending text. Join it together, with an extra space
-					// on the end for good measure.
-					var token = {type: "text", text: text.join(' ') + ' '};
-					new_tokens.push(token);
-					if ( token.text.trim().length )
-						last_token = token;
-					text = []
-				}
-
-				// Push this emote to the tokens.
-				var token = _.extend({}, emote.token);
-				token.modifiers = [];
-
-				new_tokens.push(token);
-				last_token = token;
-
-				if ( do_report && room )
-					this.add_usage(room, emote);
-
-				// Finally, push an empty string to text so that this emote gets spaced.
-				text.push('');
-
-			} else
-				text.push(segment);
-		}
-
-		// Add any left over text from this segment.
-		if ( text.length > 1 || (text.length === 1 && text[0] !== '') )
-			new_tokens.push({type: "text", text: text.join(' ')});
-	}
-
-	return new_tokens;
-}
-
-
-// ---------------------
-// Emoji Processing
-// ---------------------
-
-FFZ.prototype.tokenize_emoji = function(tokens) {
-	"use strict";
-	if ( ! tokens || ! tokens.length || ! this.emoji_data )
-		return tokens;
-
-	if ( typeof tokens === "string" )
-		tokens = [tokens];
-
-	var new_tokens = [];
-
-	for(var i=0, l=tokens.length; i < l; i++) {
-		var token = tokens[i];
-		if ( ! token )
-			continue;
-
-		if ( typeof token !== "string" )
-			if ( token.type === "text" )
-				token = token.text;
-			else {
-				new_tokens.push(token);
-				continue;
-			}
-
-		var segments = token.split(constants.EMOJI_REGEX),
-			text = null;
-
-		while(segments.length) {
-			text = (text || '') + segments.shift();
-
-			if ( segments.length ) {
-				var match = segments.shift(),
-					eid = utils.emoji_to_codepoint(match),
-					data = this.emoji_data[eid];
-
-				if ( data ) {
-					if ( text && text.length )
-						new_tokens.push(text);
-					new_tokens.push(_.extend({modifiers: []}, data.token));
-					text = null;
-				} else
-					text = (text || '') + match;
-			}
-		}
-
-		if ( text && text.length )
-			new_tokens.push(text);
-	}
-
-	return new_tokens;
-}
-
-
-// ---------------------
-// Mention Parsing
-// ---------------------
-
-FFZ._regex_cache = {};
-
-FFZ._get_regex = function(word) {
-	return FFZ._regex_cache[word] = FFZ._regex_cache[word] || RegExp("\\b" + reg_escape(word) + "\\b", "ig");
-}
-
-FFZ._words_to_regex = function(list) {
-	var regex = FFZ._regex_cache[list];
-	if ( ! regex ) {
-		var reg = "";
-		for(var i=0; i < list.length; i++) {
-			if ( ! list[i] )
-				continue;
-
-			reg += (reg ? "|" : "") + (list[i].substr(0,6) === "regex:" ? list[i].substr(6) : reg_escape(list[i]));
-		}
-
-		regex = FFZ._regex_cache[list] = new RegExp("(^|.*?" + constants.SEPARATORS + ")(" + reg + ")(?=$|" + constants.SEPARATORS + ")", "ig");
-	}
-
-	return regex;
-}
-
-
-FFZ.prototype.tokenize_mentions = function(tokens) {
-	var mention_words = this.settings.keywords;
-	if ( ! mention_words || ! mention_words.length )
-		return tokens;
-
-	if ( typeof tokens === "string" )
-		tokens = [tokens];
-
-	var regex = FFZ._words_to_regex(mention_words),
-		new_tokens = [];
-
-	for(var i=0; i < tokens.length; i++) {
-		var token = tokens[i];
-		if ( token.type === "text" )
-			token = token.text;
-
-		if ( ! _.isString(token) || ! token.match(regex) ) {
-			new_tokens.push(token);
-			continue;
-		}
-
-		token = token.replace(regex, function(all, prefix, match) {
-			new_tokens.push(prefix);
-			new_tokens.push({
-				type: "mention",
-				length: match.length,
-				user: match,
-				isOwnMessage: false,
-				});
-
-			return "";
-		});
-
-		if ( token )
-			new_tokens.push(token);
-	}
-
-	return new_tokens;
-}
-
-
-// ---------------------
-// Handling Bad Stuff
-// ---------------------
-
-FFZ.prototype._deleted_link_click = function(e) {
-	if ( ! this.classList.contains("deleted-link") )
-		return true;
-
-	// Stop from Navigating
-	e.preventDefault();
-
-	// Get the URL
-	var link = this.getAttribute('data-url'),
-		text = this.getAttribute('data-text') || link,
-		f = FrankerFaceZ.get();
-
-	// Delete Old Stuff
-	this.classList.remove('deleted-link');
-	this.classList.remove('warn-link');
-
-	// Set up the Link
-	this.href = link;
-	this.target = "_blank";
-	this.textContent = text;
-
-	// Refresh tipsy.
-	jQuery(this).trigger('mouseout').trigger('mouseover');
-}
-
-
-// ---------------------
-// History Loading
-// ---------------------
-
-/*FFZ.prototype.parse_history = function(history, purged, bad_ids, room_id, delete_links, tmiSession, per_line) {
-	var i = history.length, was_cleared = false;
-	purged = purged || {};
-	bad_ids = bad_ids || {};
-
-	while(i--) {
-		var msg = history[i],
-			msg_id = msg.tags && msg.tags.id,
-			is_deleted = msg.ffz_deleted = purged[msg.from] || (msg_id && bad_ids[msg_id]) || false;
-
-		if ( is_deleted && ! this.settings.prevent_clear )
-			msg.deleted = true;
-
-		if ( ! msg.room && room_id )
-			msg.room = room_id;
-
-		if ( typeof msg.date === "string" || typeof msg.date === "number" )
-			msg.date = utils.parse_date(msg.date);
-
-		if ( ! msg.color )
-			msg.color = msg.tags && msg.tags.color ? msg.tags.color : tmiSession && msg.from ? tmiSession.getColor(msg.from) : "#755000";
-
-		if ( ! msg.labels || ! msg.labels.length ) {
-			var labels = msg.labels = [];
-
-			if ( msg.room && msg.room === msg.from )
-				labels.push("owner");
-			else if ( msg.tags ) {
-				var ut = msg.tags['user-type'];
-				if ( ut === 'mod' || ut === 'staff' || ut === 'admin' || ut === 'global_mod' )
-					labels.push(ut);
-			}
-
-			if ( msg.tags ) {
-				if ( msg.tags.turbo )
-					labels.push("turbo");
-				if ( msg.tags.subscriber )
-					labels.push("subscriber");
-			}
-		}
-
-		if ( ! msg.style ) {
-			if ( msg.from === "jtv" )
-				msg.style = "admin";
-			else if ( msg.from === "twitchnotify" )
-				msg.style = "notification";
-		}
-
-		if ( msg.tags && typeof msg.tags.emotes === "string" )
-			msg.tags.emotes = utils.uncompressEmotes(msg.tags.emotes);
-
-		if ( msg.tags && typeof msg.tags.badges === "string" )
-			msg.tags.badges = utils.uncompressBadges(msg.tags.badges);
-
-		if ( ! msg.cachedTokens || ! msg.cachedTokens.length )
-			this.tokenize_chat_line(msg, true, delete_links);
-
-		// CLEARCHAT
-		if ( msg.tags && msg.tags.target === '@@' )
-			was_cleared = true;
-
-		else if ( msg.tags && msg.tags.target ) {
-			var ban_reason = msg.tags && msg.tags['ban-reason'],
-				ban_id = ban_reason && constants.UUID_TEST.exec(ban_reason);
-
-			if ( ban_id ) {
-				bad_ids[ban_id[1]] = true;
-				ban_reason = ban_reason.substr(0, ban_reason.length - ban_id[0].length);
-				msg.tags['ban-reason'] = ban_reason ? ban_reason : undefined;
-			} else
-				purged[msg.tags.target] = true;
-		}
-
-		// Per-line
-		if ( per_line && ! per_line(msg) )
-			break;
-	}
-
-	return [history, purged, was_cleared];
-}*/
\ No newline at end of file
diff --git a/src/ui/about_page.js b/src/ui/about_page.js
deleted file mode 100644
index 8eb8451a..00000000
--- a/src/ui/about_page.js
+++ /dev/null
@@ -1,655 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	constants = require("../constants"),
-	utils = require("../utils"),
-	createElement = utils.createElement,
-
-	BANNED_KEYS = ['user_ip'];
-
-
-// -------------------
-// Initialization
-// -------------------
-
-/*FFZ.prototype._has_news = false;
-FFZ.prototype._news_id = 0;
-
-FFZ.prototype.check_news = function(tries) {
-	jQuery.ajax(constants.SERVER + "script/news.json", {cache: false, dataType: "json", context: this})
-		.done(function(data) {
-			FFZ.ws_commands.update_news.call(this, data.id);
-		}).fail(function(data) {
-			if ( data.status === 404 )
-				return;
-
-			tries = (tries || 0) + 1;
-			if ( tries < 10 )
-				setTimeout(this.check_news.bind(this, tries), Math.floor(Math.random()*5)*1000);
-		});
-}
-
-
-FFZ.ws_commands.update_news = function(version) {
-	var old_version = parseInt(localStorage.ffzLastNewsId || "0") || 0;
-	if ( ! old_version || Number.isNaN(old_version) || old_version < 0 )
-		old_version = 0;
-
-	if ( version <= old_version ) {
-		this._news_id = old_version;
-		return;
-	}
-
-	this._has_news = true;
-	this._news_id = version;
-	this.update_ui_link();
-}*/
-
-
-// -------------------
-// About Page
-// -------------------
-
-FFZ.debugging_blocks = {
-	navigator: {
-		order: 1,
-		title: 'Navigator',
-		refresh: false,
-		type: 'list',
-
-		render: function() {
-			var flash = _.find(navigator.plugins, function(x) { return x.name.indexOf('Flash') !== -1});
-			return [
-				['User Agent', navigator.userAgent],
-				['Screen Size', screen.width + 'x' + screen.height + ' ' + screen.pixelDepth + 'bpp ' + window.devicePixelRatio + 'x DPI'],
-				['Flash Version', flash ? flash.description : '<i>not found</i>']
-			];
-		}
-	},
-
-	version: {
-		order: 2,
-		title: "Version Breakdown",
-		refresh: false,
-		type: "list",
-
-		render: function() {
-			var output = [
-				['Ember', Ember.VERSION],
-				['Ember Data', window.DS && DS.VERSION || '<i>unknown</i>'],
-				['GIT Version', EmberENV.GIT_VERSION],
-				null,
-				['FrankerFaceZ', FFZ.version_info.toString()]
-			];
-
-			if ( this.has_bttv )
-				output.push(['BetterTTV', this.has_bttv_7 ? BetterTTV.version : (BetterTTV.info.version + 'r' + BetterTTV.info.release)]);
-
-			if ( Object.keys(this._apis).length ) {
-				output.push(null);
-				for(var key in this._apis) {
-					var api = this._apis[key];
-					output.push(['<b>Ext #' + api.id + '.</b> ' + api.name, api.version || '<i>unknown</i>']);
-				}
-			}
-
-			return output;
-		}
-	},
-
-	socket: {
-		order: 3,
-		title: "WS Client Status",
-		refresh: 5000,
-		type: "list",
-
-		render: function() {
-			this.ws_ping(true);
-
-			var last_ping = this._ws_last_ping;
-			if ( typeof last_ping === "number" )
-				last_ping = (Math.floor(last_ping * 1000) / 1000) + 'ms';
-
-			var offset = this._ws_sock && this._ws_server_offset && (Math.floor(this._ws_server_offset) / 1000);
-			if ( typeof offset === "number" )
-				offset = (offset < 0 ? '-' : '') + utils.time_to_string(Math.abs(offset));
-
-			return [
-				['Client ID', localStorage.ffzClientId || '<i>not set</i>'],
-				['Socket Server', this._ws_sock && this._ws_sock.url || '<i>disconnected</i>'],
-				['Authenticated', this._ws_open && this._ws_authenticated],
-				['Server Ping', last_ping || '<i>unknown</i>'],
-				['Time Offset', offset || '<i>unknown</i>']
-			]
-		}
-	},
-
-	socket_servers: {
-		order: 3,
-		title: 'WS Server Status',
-		refresh: 5000,
-		type: 'list',
-
-		render: function() {
-			var f = this;
-			return new Promise(function(succeed, fail) {
-				f.ws_send("get_server_status", null, function(s,data) {
-					if ( ! s )
-						return fail();
-
-					f._ws_authenticated = data['authenticated'];
-					var output = [];
-					for(var key in data)
-						if ( key !== 'authenticated' )
-							output.push([key, data[key]]);
-
-					succeed(output);
-				})
-			});
-		}
-	},
-
-	logviewer: {
-		order: 4,
-		title: "Logviewer Status",
-		refresh: true,
-		type: "list",
-
-		render: function() {
-			var f = this,
-				chat = utils.ember_lookup('controller:chat'),
-				room_id = chat && chat.get('currentRoom.id'),
-				ffz_room = room_id && this.rooms[room_id];
-
-			return new Promise(function(succeed, fail) {
-				var failed = false,
-					fail_timer = setTimeout(function() {
-						failed = true;
-						succeed([['Authentication', '<i>unable to get token</i>']]);
-					}, 500);
-
-				f.lv_get_token().then(function(token) {
-					if ( failed )
-						return;
-					else
-						clearTimeout(fail_timer);
-
-					var output = [
-						['Authentication', '<i>succeeded</i>'],
-						['Token Expires', new Date(f._lv_token.expires * 1000).toLocaleString()],
-						['Socket Server', f._lv_ws_sock && f._lv_ws_sock.url || '<i>disconnected</i>'],
-						['Socket Topics', f._lv_ws_topics && _.map(f._lv_ws_topics, function(x) { return '<code>' + x + '</code>' }).join(', ') || '<i>no topics</i>']
-					];
-
-					if ( ! ffz_room ) {
-						output.push(['Current Room', '<i>none</i>']);
-						return succeed(output);
-					}
-
-					output.push(['Current Room', room_id]);
-
-					if ( ! ffz_room.logviewer_levels ) {
-						output.push(['Logging Enabled', '<i>loading</i>']);
-
-						utils.logviewer.get('channel/' + room_id, token)
-								.then(utils.json).then(function(result) {
-							f.log("[LV] Channel Info: " + room_id, result);
-							ffz_room.logviewer_levels = result;
-						});
-
-						return succeed(output);
-					}
-
-					var data = ffz_room.logviewer_levels;
-
-					if ( ! data.channel ) {
-						output.push(['Logging Enabled', false]);
-						return succeed(output);
-					}
-
-					var perms = [],
-						ul = data.me.valid ? data.me.level : 0,
-						chan = data.channel;
-
-					ul >= chan.viewlogs && perms.push('view');
-					ul >= chan.viewmodlogs && perms.push('view-mod');
-					ul >= chan.viewcomments && perms.push('comment-view');
-					ul >= chan.writecomments && perms.push('comment-write');
-					ul >= chan.deletecomments && perms.push('comment-delete');
-
-					output.push(['Logging Enabled', data.channel.active === 1]);
-					output.push(['User Level', data.me.valid ? data.me.level : '<i>invalid</i>']);
-					output.push(['User Permissions', perms.join(', ') || '<i>none</i>']);
-
-					succeed(output);
-
-				}).catch(function(err) {
-					succeed([['Authentication', '<i>unable to get token</i>']]);
-				});
-			});
-		}
-	},
-
-	twitch: {
-		order: 5,
-		title: "Twitch Configuration",
-		refresh: false,
-		type: "list",
-
-		render: function() {
-			var user = this.get_user(),
-				output = [ ['Deploy Flavor', SiteOptions.deploy_flavor] ];
-
-			if ( user && user.login ) {
-				output.push(['Current User', user.login + ' [' + user.id + ']']);
-				var us = [];
-
-				user.is_staff && us.push('staff');
-				user.is_admin && us.push('admin');
-				user.is_partner && us.push('partner');
-				user.is_broadcaster && us.push('broadcaster');
-				user.has_premium && us.push('premium');
-				user.has_turbo && us.push('turbo');
-				user.account_verified && us.push('verified');
-
-				output.push(['User State', us.join(', ') || '<i>none</i>']);
-			} else
-				output.push(['Current User', '<i>not logged in</i>']);
-
-			if ( window.Twitch && Twitch.geo && Twitch.geo._result ) {
-				var data = Twitch.geo._result;
-				if ( data.geo )
-					output.push(['Region', data.geo + (data.eu ? ' [EU]' : '')]);
-
-				if ( data.received_language )
-					output.push(['Received Language', data.received_language]);
-			}
-
-			return output;
-		}
-	},
-
-	experiments: {
-		order: 6,
-		title: "Twitch Experiments",
-		refresh: false,
-		type: "list",
-
-		render: function() {
-			var exp_service = utils.ember_lookup('service:experiments'),
-				output = [];
-
-			if ( exp_service ) {
-				for(var key in exp_service.values) {
-					if ( ! exp_service.values.hasOwnProperty(key) )
-						continue;
-
-					output.push([key, exp_service.values[key]]);
-				}
-			}
-
-			return output;
-		}
-	},
-
-	memory: {
-		order: 7,
-		title: "Memory Statistics",
-		refresh: true,
-		type: "list",
-
-		visible: function() { return window.performance && performance.memory },
-
-		render: function() {
-			var mem = performance.memory;
-			return [
-				['jsHeapSizeLimit', utils.format_size(mem.jsHeapSizeLimit) + ' (' + mem.jsHeapSizeLimit + ')'],
-				['totalJSHeapSize', utils.format_size(mem.totalJSHeapSize) + ' (' + mem.totalJSHeapSize + ')'],
-				['usedJSHeapSize',  utils.format_size(mem.usedJSHeapSize)  + ' (' + mem.usedJSHeapSize  + ')']
-			]
-		}
-	},
-
-	player: {
-		order: 8,
-		title: "Player Statistics",
-		refresh: true,
-		type: "list",
-
-		get_player: function() {
-			if ( this._player && ! this._player.isDestroyed )
-				return this._player.player;
-		},
-
-		visible: function() { return FFZ.debugging_blocks.player.get_player.call(this) },
-
-		render: function() {
-			var player = FFZ.debugging_blocks.player.get_player.call(this),
-				data;
-
-			try {
-				data = player.getVideoInfo();
-			} catch(err) {}
-
-			if ( ! data )
-				return [];
-
-			try {
-				data.backend = player.getBackend();
-				data.version = player.getVersion();
-				data.quality = player.getVariant();
-				data.qualities = _.map(player.getQualities(), function(x) { return x.group });
-			} catch(err) {}
-
-			var sorted_keys = Object.keys(data).sort(),
-				output = [];
-
-			for(var i=0; i < sorted_keys.length; i++) {
-				var key = sorted_keys[i];
-				if ( BANNED_KEYS.indexOf(key) === -1 )
-					output.push([key, data[key]]);
-			}
-
-			return output;
-		}
-	},
-
-	settings: {
-		order: 9,
-		title: "Current Settings",
-		refresh: false,
-		type: "text",
-
-		render: function() {
-			var output = this._get_settings_object(true).settings;
-			delete output.favorite_settings;
-			delete output.mod_card_reasons;
-			delete output.emote_menu_collapsed;
-			delete output.favorite_emotes;
-
-			return JSON.stringify(output, null, 2);
-		}
-	},
-
-	logs: {
-		order: 100,
-		title: "Logs",
-		refresh: false,
-		type: "text",
-
-		render: function() {
-			return this._log_data.join("\n");
-		}
-	}
-}
-
-FFZ.prototype._sorted_blocks = function(blocks) {
-	var segments = [];
-	for(var key in blocks) {
-		var info = blocks[key];
-		if ( ! info )
-			continue;
-
-		var visible = info.visible || true;
-		if ( typeof visible === "function" )
-			visible = visible.call(this);
-
-		if ( ! visible )
-			continue;
-
-		segments.push([info.order || 50, info]);
-	}
-
-	segments.sort(function(a,b) { return a[0] > b[0] });
-	return segments;
-}
-
-FFZ.prototype.get_debugging_info = function() {
-	var f = this;
-	return new Promise(function(succeed, fail) {
-		var output = [
-			'FrankerFaceZ - Debugging Information',
-			(new Date).toISOString(), ''];
-
-		var segments = f._sorted_blocks(FFZ.debugging_blocks),
-			promises = [];
-
-		for(var i=0; i < segments.length; i++) {
-			var info = segments[i][1];
-			promises.push(new Promise(function(info, s) {
-				var result = info.render.call(f);
-				if (!( result instanceof Promise ))
-					result = Promise.resolve(result);
-
-				result.then(function(data) {
-					var el = utils.createElement('span'),
-						out = [info.title, '----------------------------------------'];
-					if ( info.type === 'list' )
-						for(var x=0; x < data.length; x++) {
-							if ( data[x] ) {
-								el.innerHTML = data[x].join(': ');
-								out.push(el.textContent);
-							} else
-								out.push('');
-						}
-					else if ( info.type === 'text' )
-						out.push(data);
-
-					s(out);
-				}).catch(function(err) {
-					s(['', info.title, 'Error: ' + err]);
-				});
-
-			}.bind(f, info)));
-		}
-
-		Promise.all(promises).then(function(result) {
-			for(var i=0; i < result.length; i++) {
-				output.push.apply(output, result[i]);
-				output.push('');
-				output.push('');
-			}
-
-			succeed(output.join('\n').trim());
-		});
-	});
-}
-
-
-var include_html = function(heading_text, filename, callback) {
-		return function(view, container) {
-			var heading = createElement('div', 'chat-menu-content center');
-			heading.innerHTML = '<h1>FrankerFaceZ</h1>' + (heading_text ? '<div class="ffz-about-subheading">' + heading_text + '</div>' : '');
-
-			jQuery.ajax(filename, {cache: false, context: this})
-				.done(function(data) {
-					container.appendChild(heading);
-					container.innerHTML += data;
-
-					jQuery('#ffz-old-news-button', container).on('click', function() {
-						jQuery(this).remove();
-						var onc = jQuery('#ffz-old-news', container);
-						onc.load(constants.SERVER + "script/old_changes.html", function() {
-							onc.css('display', 'block');
-						});
-					});
-
-					typeof callback === "function" && callback(view, container);
-
-				}).fail(function(data) {
-					var content = createElement('div', 'chat-menu-content menu-side-padding');
-					content.textContent = 'There was an error loading this page from the server.';
-
-					container.appendChild(heading);
-					container.appendChild(content);
-				});
-		}
-	},
-	render_news = include_html("news", constants.SERVER + "script/news.html");
-
-
-FFZ.menu_pages.about = {
-	name: "About",
-	icon: constants.HEART,
-	sort_order: 100000,
-
-	pages: {
-		about: {
-			name: "About",
-			render: function(view, container, inner, menu) {
-				var room = this.rooms[view.get('room.id')],
-					has_emotes = false, f = this;
-
-				if ( room && room.set ) {
-					var set = this.emote_sets[room.set];
-					if ( set && set.count > 0 )
-						has_emotes = true;
-				}
-
-				// Heading
-				var heading = createElement('div'),
-					content = '';
-
-				content += "<h1>FrankerFaceZ</h1>";
-				content += '<div class="ffz-about-subheading">new ways to woof</div>';
-
-				heading.className = 'chat-menu-content center';
-				heading.innerHTML = content;
-				container.appendChild(heading);
-
-				var clicks = 0, head = heading.querySelector("h1");
-				head && head.addEventListener("click", function() {
-					head.style.cursor = "pointer";
-					clicks++;
-					if ( clicks >= 3 ) {
-						clicks = 0;
-						var el = document.querySelector(".app-main") || document.querySelector(".ember-chat-container");
-						el && el.classList.toggle('ffz-flip');
-					}
-					setTimeout(function(){clicks=0;head.style.cursor=""},2000);
-				});
-
-
-				// Button Stuff
-				var btn_container = createElement('div', 'chat-menu-content center'),
-					more_buttons = createElement('div', 'chat-menu-content center'),
-
-					ad_button = createElement('a', 'button primary', 'Advertise in Chat'),
-					donate_button = createElement('a', 'button ffz-donate mg-l-1', 'Donate'),
-					issue_button = createElement('a', 'button ffz-issues', 'Bugs &amp; Issues'),
-					idea_button = createElement('a', 'button ffz-ideas mg-l-1', 'Ideas'),
-
-					message = "To use custom emoticons in " + (has_emotes ? "this channel" : "tons of channels") + ", get FrankerFaceZ from https://www.frankerfacez.com";
-
-				// Advertising
-				ad_button.addEventListener('click', this._add_emote.bind(this, view, message));
-				btn_container.appendChild(ad_button);
-
-				// Donate
-				donate_button.href = "https://www.frankerfacez.com/donate";
-				donate_button.target = "_blank";
-				btn_container.appendChild(donate_button);
-
-				// Issues
-				issue_button.href = "https://github.com/FrankerFaceZ/FrankerFaceZ/labels/bug";
-				issue_button.target = "_blank";
-				more_buttons.appendChild(issue_button);
-
-				// Ideas
-				idea_button.href = "https://github.com/FrankerFaceZ/FrankerFaceZ/labels/enhancement";
-				idea_button.target = "_blank";
-				more_buttons.appendChild(idea_button);
-
-
-				container.appendChild(btn_container);
-				container.appendChild(more_buttons);
-
-
-				// Credits
-				var credits = createElement('div');
-
-				content = '<table class="ffz-about-table">';
-				content += '<tr><th colspan="4">Developers</th></tr>';
-				content += '<tr><td>Dan Salvato</td><td><a class="twitch" href="//www.twitch.tv/dansalvato" title="Twitch" target="_blank">&nbsp;</a></td><td><a class="twitter" href="https://twitter.com/dansalvato" title="Twitter" target="_blank">&nbsp;</a></td><td><a class="youtube" href="https://www.youtube.com/user/dansalvato1" title="YouTube" target="_blank">&nbsp;</a></td></tr>';
-				content += '<tr><td>Stendec</td><td><a class="twitch" href="//www.twitch.tv/sirstendec" title="Twitch" target="_blank">&nbsp;</a></td><td><a class="twitter" href="https://twitter.com/SirStendec" title="Twitter" target="_blank">&nbsp;</a></td><td><a class="youtube" href="https://www.youtube.com/channel/UCnxuvmK1DCPCXSJ-mXIh4KQ" title="YouTube" target="_blank">&nbsp;</a></td></tr>';
-
-				content += '<tr class="debug"><td><a href="#" id="ffz-changelog">Version ' + FFZ.version_info + '</a></td><td colspan="3"><a href="#" id="ffz-debug-logs">Logs</a></td></tr>';
-
-				credits.className = 'chat-menu-content center';
-				credits.innerHTML = content;
-
-				// Make the Version clickable.
-				credits.querySelector('#ffz-changelog').addEventListener('click',
-					f._ui_change_subpage.bind(f, view, inner, menu, container, 'changelog'));
-
-				// Make the Logs button functional.
-				var getting_logs = false;
-				credits.querySelector('#ffz-debug-logs').addEventListener('click', function() {
-					if ( getting_logs )
-						return;
-
-					getting_logs = true;
-
-					f.get_debugging_info().then(function(data) {
-						f._pastebin(data).then(function(url) {
-							getting_logs = false;
-							prompt("Your FrankerFaceZ logs have been uploaded to the URL:", url);
-						}).catch(function() {
-							getting_logs = false;
-							alert("An error occured uploading your FrankerFaceZ logs.");
-						});
-					});
-				});
-
-				container.appendChild(credits);
-			}
-		},
-
-		changelog: {
-			name: "Changes",
-			wide: true,
-			render: include_html("change log", constants.SERVER + "script/changelog.html")
-		},
-
-		/*news: {
-			name: "News",
-			wide: true,
-			render: function(view, container) {
-				if ( this._has_news ) {
-					this._has_news = false;
-					localStorage.ffzLastNewsId = this._news_id;
-					this.update_ui_link();
-				}
-
-				return render_news.call(this, view, container);
-			}
-		},*/
-
-		credits: {
-			name: "Credit",
-			wide: true,
-			render: include_html("credits", constants.SERVER + "script/credits.html")
-		},
-
-		/*status: {
-			name: "Status",
-			wide: true,
-			render: include_html("server status", constants.SERVER + "script/status.html", function(view, container) {
-
-			})
-		},*/
-
-		debugging: {
-			name: "Debug",
-			wide: true,
-			render: function(view, container) {
-				// Heading!
-				container.appendChild(createElement('div', 'chat-menu-content center',
-					'<h1>FrankerFaceZ</h1><div class="ffz-about-subheading">woofs for nerds</div>'));
-
-				// Stuff
-				utils.render_update_list(this,
-					this._sorted_blocks(FFZ.debugging_blocks),
-					container, 'chat-menu-content menu-side-padding');
-			}
-		}
-	}
-}
\ No newline at end of file
diff --git a/src/ui/channel_stats.js b/src/ui/channel_stats.js
deleted file mode 100644
index 31b146b5..00000000
--- a/src/ui/channel_stats.js
+++ /dev/null
@@ -1,409 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	constants = require('../constants'),
-	utils = require('../utils'),
-
-	metadata = FFZ.channel_metadata;
-
-
-// --------------
-// Channel Stats
-// --------------
-
-metadata.viewers = {
-	refresh: 5000,
-	host_order: 100,
-
-	static_label: constants.LIVE,
-	label: function(view, channel, is_hosting) {
-		var viewers = channel.get('stream.viewers');
-		return is_hosting && viewers && utils.number_commas(viewers);
-	},
-
-	tooltip: "Watching Now"
-};
-
-metadata.followers = {
-	refresh: 5000,
-	host_order: 199,
-
-	static_label: constants.HEART,
-	label: function(view, channel, is_hosting) {
-		var followers = channel.get('followers.content.meta.total');
-		return is_hosting && followers && utils.number_commas(followers);
-	},
-
-	tooltip: "Total Followers"
-}
-
-metadata.views = {
-	refresh: 5000,
-	host_order: 200,
-
-	static_label: constants.EYE,
-	label: function(view, channel, is_hosting) {
-		var views = channel.get('views');
-		return is_hosting && views && utils.number_commas(views);
-	},
-
-	tooltip: "Total Views"
-}
-
-metadata.uptime = {
-	refresh: function(channel) { return this.settings.stream_uptime > 0; },
-
-	setup: function(view, channel) {
-		var online = channel.get('stream.createdAt'),
-			now = Date.now() - (this._ws_server_offset || 0),
-
-			uptime = online && Math.floor((now - online.getTime()) / 1000) || -1;
-
-		return [online, uptime];
-	},
-
-	order: 2,
-	host_order: 101,
-
-	static_label: constants.CLOCK,
-	label: function(online, uptime) {
-		var setting = this.settings.stream_uptime;
-		if ( uptime < 0 || ! setting )
-			return null;
-
-		return utils.time_to_string(uptime, false, false, false, setting === 1 || setting === 3);
-	},
-
-	tooltip: function(online) {
-		return 'Stream Uptime <nobr>(since ' + online.toLocaleString() + ')</nobr>';
-	}
-};
-
-metadata.player_stats = {
-	refresh: function() { return this.settings.player_stats !== 0 },
-
-	setup: function(view, maybe_channel, is_hosting, channel) {
-		var channel_id = channel.get('id'),
-			player_cont = this._player,
-			player = player_cont && player_cont.player,
-			stats;
-
-		try {
-			stats = player.getVideoInfo();
-		} catch(err) { }
-
-		// Check for server offset.
-		var delayed = undefined;
-		if ( this._ws_open ) {
-			var offset = this._ws_server_offset;
-			if ( isNaN(offset) || ! isFinite(offset) )
-				this.ws_ping();
-			else
-				delayed = offset > 5000;
-		}
-
-		var delay = stats && Math.round(stats.hls_latency_broadcaster / 10) / 100;
-		return [stats, delay, delay > 180, player_cont, delayed];
-	},
-
-	order: 3,
-	host_order: 102,
-
-	static_label: constants.GRAPH,
-	label: function(stats, delay, is_old, player_cont, delayed) {
-		if ( ! this.settings.player_stats || ! delay )
-			return null;
-
-		delayed = delayed ? '(!) ' : '';
-
-		if ( is_old )
-			return delayed + utils.time_to_string(Math.floor(delay), true, delay > 172800) + ' old'
-		else
-			return delayed + delay.toFixed(2) + 's';
-	},
-
-	color: function(stats, delay, is_old) {
-		var setting = this.settings.player_stats;
-		if ( setting === -1 || is_old )
-			return '';
-
-		else if ( delay > (setting * 2) )
-			return '#fc3636';
-
-		else if ( delay > setting )
-			return '#fc7835';
-	},
-
-	click: function(event, button, stats, delay, is_old, player_cont) {
-		player_cont.$('.js-stats-toggle').click();
-	},
-
-	tooltip: function(stats, delay, is_old, player_cont, delayed) {
-		delayed = delayed ? 'Your local clock seems to be off by roughly ' + (Math.round(this._ws_server_offset / 10) / 100).toFixed(2) + ' seconds, and that could be making this inaccurate.<hr>' : '';
-
-		if ( ! stats || ! stats.hls_latency_broadcaster )
-			return delayed + 'Stream Latency';
-
-		var bitrate;
-		if ( stats.playback_bytes_per_second )
-			bitrate = Math.round(stats.playback_bytes_per_second * 8 / 10.24) / 100;
-		else
-			bitrate = Math.round(stats.current_bitrate * 100) / 100;
-
-		return delayed + (is_old ? 'Video Information<br>' +
-			'Broadcast ' + utils.time_to_string(Math.floor(delay), true) + ' Ago<br><br>' : 'Stream Latency<br>') +
-			'Video: ' + stats.vid_width + 'x' + stats.vid_height + 'p' + stats.current_fps + '<br>' +
-			'Playback Rate: ' + utils.number_commas(bitrate) + ' Kbps<br>' +
-			'Dropped Frames: ' + utils.number_commas(stats.dropped_frames || 0);
-	}
-};
-
-metadata.chatters = {
-	refresh: false,
-
-	static_label: constants.ROOMS,
-	label: function(view, channel) {
-		var channel_id = channel.get('id'),
-			room = this.rooms[channel_id];
-
-		if ( ! room || ! this.settings.chatter_count )
-			return null;
-
-		return utils.number_commas((room.room.get('ffz_chatters') || []).length);
-	},
-
-	tooltip: 'Currently in Chat'
-};
-
-metadata.host = {
-	refresh: false,
-
-	setup: function(view, channel) {
-		var channel_id = channel.get('id'),
-			user = this.get_user(),
-			room = user && this.rooms[user.login] && this.rooms[user.login].room,
-			now_hosting = room && room.ffz_host_target,
-			hosts_remaining = room && room.ffz_hosts_left;
-
-		return [user, channel_id, now_hosting, hosts_remaining, view.get('ffz_host_updating'), view];
-	},
-
-	order: 98,
-	host_order: 3,
-
-	label: function(user, channel_id, hosting_id) {
-		if ( ! this.settings.stream_host_button || ! user || user.login === channel_id )
-			return null;
-
-		return channel_id === hosting_id ? 'Unhost' : 'Host';
-	},
-
-	button: true,
-	disabled: function(user, channel_id, hosting_id, hosts_remaining, updating, view) {
-		return !!view.get('ffz_host_updating')
-	},
-
-	click: function(event, button, user, channel_id, hosting_id, hosts_remaining, updating, view) {
-		view.set('ffz_host_updating', true);
-		event.update_stat();
-
-		var room = user && this.rooms[user.login] && this.rooms[user.login].room;
-		if ( channel_id === hosting_id )
-			room.send('/unhost', true);
-		else
-			room.send('/host ' + channel_id, true);
-
-		return true;
-	},
-
-	tooltip: function(user, channel_id, hosting_id, hosts_remaining, updating) {
-		var out;
-		if ( updating )
-			return 'Updating...';
-
-		if ( hosting_id ) {
-			var display_name = FFZ.get_capitalization(hosting_id);
-			out = 'You are now hosting ' + this.format_display_name(display_name, hosting_id, true)[0] + '.';
-		} else
-			out = 'You are not hosting any channel.';
-
-		return out + (hosts_remaining ? ' You have ' + hosts_remaining + ' host command' + utils.pluralize(hosts_remaining) + ' remaining this half hour.' : '');
-	}
-};
-
-
-// ---------------
-// Rendering
-// ---------------
-
-FFZ.prototype.render_metadata = function(key, basic_info, metabar, timers, refresh_func, is_hosting) {
-	var f = this,
-		info = metadata[key],
-		el = metabar.querySelector('.cn-metabar__ffz[data-key="' + key + '"]'),
-
-		close = function() {
-			if ( el )
-				jQuery(el).remove();
-			if ( f._popup && f._popup.id === 'ffz-metadata-popup' && f._popup.dataset.key === key )
-				f.close_popup();
-		};
-
-	if ( timers[key] )
-		clearTimeout(timers[key]);
-
-	if ( ! info )
-		return close();
-
-	var data = info.setup ? info.setup.apply(this, basic_info) : basic_info;
-	if ( ! (data instanceof Promise) )
-		data = Promise.resolve(data);
-
-	data.then(function(data) {
-		el = metabar.querySelector('.cn-metabar__ffz[data-key="' + key + '"]');
-		var refresh = typeof info.refresh === 'function' ? info.refresh.apply(f, data) : info.refresh;
-		if ( refresh )
-			timers[key] = setTimeout(function(){refresh_func(key)}, typeof refresh === "number" ? refresh : 1000);
-
-		var je, stat, old_color,
-			dynamic_tooltip = typeof info.tooltip === 'function',
-			label = typeof info.label === 'function' ? info.label.apply(f, data) : info.label,
-			color = (typeof info.color === 'function' ? info.color.apply(f, data) : info.color) || '';
-
-		if ( ! label )
-			return close();
-
-		else if ( ! el ) {
-			var btn,
-				static_label = (typeof info.static_label === 'function' ? info.static_label.apply(f, data) : info.static_label) || '',
-				lbl_start = static_label && static_label.substr(0,4);
-
-			if ( lbl_start === '<svg' || lbl_start === '<img' )
-				static_label = utils.createElement('figure', 'icon cn-metabar__icon', static_label);
-
-			if ( info.popup || info.button ) {
-				btn = utils.createElement('button', 'button', static_label);
-				el = utils.createElement('div', 'cn-metabar__ffz flex__item ember-view inline-block', btn);
-
-				if ( info.popup ) {
-					btn.classList.add('button--dropmenu');
-					btn.classList.add(info.button ? 'button--hollow' : 'button--text');
-					el.classList.add('balloon-wrapper');
-				} else
-					btn.classList.add(typeof info.button === 'string' ? info.button : 'button--hollow');
-			} else
-				btn = el = utils.createElement('div', 'cn-metabar__ffz flex__item', static_label);
-
-			el.setAttribute('data-key', key);
-			var order = (is_hosting ? info.host_order : null) || info.order;
-			if ( order )
-				el.style.order = order;
-
-			stat = utils.createElement('span', 'ffz-label');
-			btn.appendChild(stat);
-
-			if ( dynamic_tooltip ) {
-				je = jQuery(btn);
-				je.hover(
-						function() { je.data("hover", true).zipsy("show") },
-						function() { je.data("hover", false).zipsy("hide") })
-					.data("hover", false)
-					.zipsy({
-						trigger: "manual",
-						html: true,
-						gravity: utils.newtip_placement(constants.TOOLTIP_DISTANCE, 'n'),
-						title: function() {
-							// We can't wait for a promise to resolve now, so hope this hasn't changed.
-							var dat = info.setup ? info.setup.apply(f, basic_info) : basic_info;
-							return info.tooltip.apply(f, (dat instanceof Promise) ? data : dat);
-						}
-					});
-
-			} else if ( info.tooltip ) {
-				btn.classList.add('html-tooltip');
-				btn.title = info.tooltip;
-			}
-
-			if ( info.click )
-				btn.addEventListener('click', function(e) {
-					if ( btn.disabled || btn.classList.contains('disabled') )
-						return false;
-
-					e.update_stat = f.render_metadata.bind(f, key, basic_info, metabar, timers, refresh_func, is_hosting);
-					var data = info.setup ? info.setup.apply(f, basic_info) : basic_info.copy();
-					if ( ! (data instanceof Promise) )
-						data = Promise.resolve(data);
-
-					data.then(function(data) {
-						data.unshift(btn);
-						data.unshift(e);
-						info.click.apply(f, data);
-					});
-				});
-
-			if ( info.popup )
-				btn.addEventListener('click', function(el, e) {
-					if ( btn.disabled || btn.classList.contains('disabled') )
-						return false;
-
-					var popup = f.close_popup();
-					if ( popup && popup.id === 'ffz-metadata-popup' && popup.dataset.key === key )
-						return;
-
-					var data = info.setup ? info.setup.apply(f, basic_info) : basic_info.copy();
-					if ( ! (data instanceof Promise) )
-						data = Promise.resolve(data);
-
-					data.then(function(data) {
-						var balloon = utils.createElement('div', 'balloon balloon--up show');
-						data.unshift(balloon);
-
-						balloon.id = 'ffz-metadata-popup';
-						balloon.setAttribute('data-key', key);
-
-						var result = info.popup.apply(f, data);
-						if ( result === false )
-							return;
-
-						var container = basic_info[0].get('element'),
-							outer = container.getBoundingClientRect(),
-							rect = el.getBoundingClientRect();
-
-						balloon.classList.toggle('balloon--right', (rect.left - outer.left) > (outer.right - rect.right));
-
-						f._popup_kill = info.on_popup_close ? function() { info.on_popup_close.apply(f, data) } : null;
-						f._popup_allow_parent = true;
-						f._popup = balloon;
-
-						el.appendChild(balloon);
-					});
-				}.bind(this, el))
-
-			old_color = '';
-			metabar.appendChild(el);
-			el = btn;
-
-		} else {
-			stat = el.querySelector('span.ffz-label');
-			old_color = el.getAttribute('data-color') || '';
-			if ( dynamic_tooltip )
-				je = jQuery(el);
-		}
-
-		if ( old_color !== color ) {
-			el.dataset.color = color;
-			el.style.color = color;
-			var svg = el.querySelector('svg');
-			if ( svg )
-				svg.style.fill = color;
-		}
-
-		stat.innerHTML = label;
-		if ( dynamic_tooltip && je.data('hover') )
-			je.zipsy('hide').zipsy('show');
-
-		if ( info.hasOwnProperty('disabled') )
-			el.classList.toggle('disabled', typeof info.disabled === 'function' ? info.disabled.apply(f, data) : info.disabled);
-
-	}).catch(function(err) {
-		f.error("Error rendering metadata: " + key, err);
-		close();
-	});
-}
\ No newline at end of file
diff --git a/src/ui/dark.js b/src/ui/dark.js
deleted file mode 100644
index 0c6089ed..00000000
--- a/src/ui/dark.js
+++ /dev/null
@@ -1,266 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	constants = require("../constants"),
-	utils = require("../utils");
-	//styles = require("../styles");
-
-
-// ---------------------
-// Settings
-// ---------------------
-
-FFZ.basic_settings.dark_twitch = {
-	type: "boolean",
-	no_bttv: true,
-
-	category: "General",
-	name: "Dark Twitch",
-	help: "Apply a dark background to channels and other related pages for easier viewing.",
-
-	get: function() {
-		return this.settings.dark_twitch;
-	},
-
-	set: function(val) {
-		this.settings.set('dark_twitch', val);
-		this.settings.set('dark_no_blue', val);
-	}
-};
-
-FFZ.basic_settings.separated_chat = {
-	type: "boolean",
-	no_bttv: true,
-
-	category: "Chat",
-	name: "Separated Lines",
-	help: "Use alternating rows and thin lines to visually separate chat messages for easier reading.",
-
-	get: function() {
-		return this.settings.chat_rows && this.settings.chat_separators !== '0';
-	},
-
-	set: function(val) {
-		this.settings.set('chat_rows', val);
-		this.settings.set('chat_separators', val ? '2' : '0');
-	}
-};
-
-FFZ.basic_settings.minimalistic_chat = {
-	type: "boolean",
-
-	category: "Chat",
-	name: "Minimalistic UI",
-	help: "Hide all of chat except messages and the input box and reduce chat margins.",
-
-	get: function() {
-		return this.settings.minimal_chat === 3 && this.settings.chat_padding;
-	},
-
-	set: function(val) {
-		this.settings.set('minimal_chat', val ? 3 : 0);
-		this.settings.set('chat_padding', val);
-	}
-};
-
-FFZ.basic_settings.high_contrast = {
-	type: "boolean",
-
-	category: "Chat",
-	name: "High Contrast",
-	help: "Display chat using white and black for maximum contrast. This is suitable for capturing and chroma keying chat to display on stream.",
-
-	get: function() {
-		return this.settings.high_contrast_chat !== '222';
-	},
-
-	set: function(val) {
-		this.settings.set('high_contrast_chat', val ? '111': '222');
-	}
-};
-
-FFZ.basic_settings.keywords = {
-	type: "button",
-
-	category: "Chat",
-	no_bttv: 6,
-
-	name: "Highlight Keywords",
-	help: "Set additional keywords that will be highlighted in chat.",
-
-	method: function() {
-		FFZ.settings_info.keywords.method.call(this, null, true);
-	}
-};
-
-FFZ.basic_settings.banned_words = {
-	type: "button",
-
-	category: "Chat",
-	no_bttv: 6,
-
-	name: "Banned Keywords",
-	help: "Set a list of words that will be removed from chat messages, locally.",
-
-	method: function() {
-		FFZ.settings_info.banned_words.method.call(this, null, true);
-	}
-};
-
-
-
-FFZ.settings_info.twitch_chat_dark = {
-	type: "boolean",
-	value: false,
-	visible: false
-	};
-
-
-FFZ.settings_info.twitch_theme = {
-	value: '',
-	visible: false
-};
-
-
-FFZ.settings_info.dark_twitch = {
-	type: "boolean",
-	value: false,
-
-	no_bttv: true,
-	//visible: function() { return ! this.has_bttv },
-
-	category: "Appearance",
-	name: "Dark Twitch",
-	help: "Apply a dark background to channels and other related pages for easier viewing.",
-
-	on_update: function(val) {
-			var cb = document.querySelector('input.ffz-setting-dark-twitch');
-			if ( cb )
-				cb.checked = val;
-
-			if ( this.has_bttv )
-				return;
-
-			var RH = this._roomv && this._roomv.get('ffz_recent_el');
-			if ( RH )
-				RH.classList.toggle('dark', val);
-
-			(this.is_clips ? document.querySelector('html') : document.body).classList.toggle("ffz-dark", val);
-
-			var Settings = utils.ember_settings(),
-				ThemeManager = utils.ember_lookup('service:theme-manager');
-
-			if ( val ) {
-				this._load_dark_css();
-				if ( ThemeManager ) {
-					this.settings.set('twitch_theme', ThemeManager.get('themes.activeTheme'));
-					ThemeManager.set('themes.activeTheme', 'theme--dark');
-				}
-				if ( Settings ) {
-					this.settings.set('twitch_chat_dark', Settings.get('darkMode'));
-					Settings.set('darkMode', true);
-				}
-			} else {
-				if ( ThemeManager )
-					ThemeManager.set('themes.activeTheme', this.settings.twitch_theme);
-				if ( Settings )
-					Settings.set('darkMode', this.settings.twitch_chat_dark);
-			}
-
-			// Try coloring chat replay
-			window.jQuery && jQuery('.chatReplay').toggleClass('dark', val || false);
-			//jQuery('.rechat-chat-line').parents('.chat-container').toggleClass('dark', val || this.settings.twitch_chat_dark);
-		}
-	};
-
-
-FFZ.settings_info.dark_no_blue = {
-	type: "boolean",
-	value: false,
-
-	//no_bttv: true,
-
-	category: "Appearance",
-	name: "Gray Chat (no blue)",
-	help: "Make the dark theme for chat and a few other places on Twitch a bit darker and not at all blue.",
-
-	on_update: function(val) {
-			document.body.classList.toggle("ffz-no-blue", val);
-		}
-	};
-
-
-FFZ.settings_info.hide_recent_past_broadcast = {
-	type: "boolean",
-	value: false,
-
-	//no_bttv: true,
-	no_mobile: true,
-
-	category: "Channel Metadata",
-	name: "Hide \"Watch Last Broadcast\"",
-	help: "Hide the \"Watch Last Broadcast\" banner at the top of offline Twitch channels.",
-
-	on_update: function(val) {
-			document.body.classList.toggle("ffz-hide-recent-past-broadcast", val);
-		}
-	};
-
-
-// ---------------------
-// Initialization
-// ---------------------
-
-FFZ.prototype.setup_dark = function() {
-	document.body.classList.toggle("ffz-hide-recent-past-broadcast", this.settings.hide_recent_past_broadcast);
-	document.body.classList.toggle("ffz-no-blue", this.settings.dark_no_blue);
-
-	if ( this.has_bttv )
-		return;
-
-	(this.is_clips ? document.querySelector('html') : document.body).classList.toggle('ffz-dark', this.settings.dark_twitch);
-
-	if ( ! this.settings.dark_twitch )
-		return;
-
-	var Settings = utils.ember_settings(),
-		ThemeManager = utils.ember_lookup('service:theme-manager');
-
-	if ( ThemeManager ) {
-		ThemeManager.set('themes.activeTheme', 'theme--dark');
-	} else if ( Settings )
-		Settings.set('darkMode', true);
-
-	this._load_dark_css();
-}
-
-
-FFZ.prototype._load_dark_css = function() {
-	if ( this._dark_style )
-		return;
-
-	this.log("Injecting FrankerFaceZ Dark Twitch CSS.");
-
-	var s = this._dark_style = document.createElement('link');
-
-	s.id = "ffz-dark-css";
-	s.setAttribute('rel', 'stylesheet');
-	s.setAttribute('href', constants.SERVER + "script/dark" + (this.is_clips ? '-clips' : '') + (constants.DEBUG ? "" : ".min") + ".css?_=" + (constants.DEBUG ? Date.now() : FFZ.version_info));
-	document.head.appendChild(s);
-}
-
-
-FFZ.prototype.add_clips_darken_button = function() {
-	if ( this.embed_in_clips )
-		return;
-
-	this.log("Adding Clips Darken button.");
-
-	var f = this,
-		btn = utils.createElement('a', 'button button--hollow ffz-darken-clips', f.settings.dark_twitch ? 'Light' : 'Dark');
-
-	btn.addEventListener('click', function() {
-		f.settings.set('dark_twitch', ! f.settings.dark_twitch);
-		btn.textContent = f.settings.dark_twitch ? 'Light' : 'Dark';
-	});
-
-	document.body.appendChild(btn);
-}
\ No newline at end of file
diff --git a/src/ui/dash_feed.js b/src/ui/dash_feed.js
deleted file mode 100644
index 7cbcdd25..00000000
--- a/src/ui/dash_feed.js
+++ /dev/null
@@ -1,197 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils'),
-
-	createElement = utils.createElement;
-
-
-// -------------------
-// Settings
-// -------------------
-
-FFZ.settings_info.dashboard_feed = {
-	type: "boolean",
-	value: true,
-
-	no_mobile: true,
-	//no_bttv: true,
-
-	category: "Dashboard",
-	name: "Channel Feed <small>(Requires Refresh)</small>",
-	help: "Add a way to post to your channel feed directly to the dashboard!"
-}
-
-
-// -------------------
-// Initialization
-// -------------------
-
-FFZ.prototype.setup_dash_feed = function() {
-	var f = this,
-		user = this.get_user(),
-		match = this.is_dashboard ? location.pathname.match(/\/([^\/]+)/) : undefined,
-		id = this.is_dashboard && match && match[1];
-
-	if ( /*this.has_bttv ||*/ ! this.settings.dashboard_feed || ! user || ! id || id !== user.login )
-		return;
-
-	utils.api.get("feed/" + id + "/posts", {limit: 1}, {version: 3}).done(function(data) {
-		// If this works, then the feed is enabled. Show the UI.
-		/*if ( ! f.has_bttv )*/
-			f.build_dash_feed();
-	})
-}
-
-
-FFZ.prototype._remove_dash_feed = function() {
-	var tabs = document.querySelector('#ffz-feed-tabs'),
-		parent = tabs && tabs.parentElement,
-		tab_status = document.querySelector('div.dash-broadcast-contain');
-
-	if ( ! tabs || ! parent )
-		return;
-
-	if ( tab_status && tabs.contains(tab_status) ) {
-		tabs.removeChild(tab_status);
-		parent.insertBefore(tab_status, tabs);
-	}
-
-	parent.removeChild(tabs);
-}
-
-
-FFZ.prototype.build_dash_feed = function() {
-	var f = this,
-		user = this.get_user(),
-
-		tabs = createElement('div'),
-		tab_bar = createElement('ul', 'tabs'),
-
-		nav_status = createElement('li', 'tab', '<a id="ffz-nav-status">Broadcast Status</a>'),
-		nav_feed = createElement('li', 'tab', '<a id="ffz-nav-feed">Channel Feed</a>'),
-
-		tab_status = document.querySelector('div.dash-broadcast-contain'),
-		tab_feed = createElement('div', 'dash-broadcast-contain dash-ffz-feed-contain hidden'),
-
-		txt_input = createElement('textarea', 'ffz-feed-entry'),
-		char_count = createElement('span', 'char-count', '0');
-		align_btn = createElement('div', 'ffz-feed-button clearfix'),
-		chk_share = createElement('span', null, '<input type="checkbox"> Share to Twitter'),
-		checkbox = chk_share.querySelector('input'),
-		btn_submit = createElement('button', 'button primary', '<span>Post</span>'),
-
-		column = tab_status && tab_status.parentElement,
-		placeholder = 'Post an update to your channel...';
-
-	if ( ! tab_status || ! column || ! user )
-		return;
-
-	tab_feed.appendChild(txt_input);
-	tab_feed.appendChild(align_btn);
-
-	if ( user.twitter_connected )
-		align_btn.appendChild(chk_share);
-	else {
-		var tnc = createElement('span', null, '<i>(Twitter Not Connected)</i>');
-		tnc.title = 'Click to Refresh';
-		tnc.style.cursor = 'pointer';
-		tnc.addEventListener('click', function() {
-			user = f.get_user();
-			if ( user.twitter_connected ) {
-				jQuery(tnc).trigger('mouseout');
-				align_btn.removeChild(tnc);
-				align_btn.insertBefore(chk_share, align_btn.firstChild);
-			}
-		});
-		jQuery(tnc).zipsy();
-		align_btn.appendChild(tnc);
-	}
-
-	char_count.title = 'Roughly the first 115 characters of a post will appear in a Tweet.';
-	jQuery(char_count).zipsy();
-
-	align_btn.appendChild(btn_submit);
-	align_btn.appendChild(char_count);
-
-	txt_input.id = 'vod_status';
-	txt_input.placeholder = placeholder;
-
-	var updater = function() {
-		var share = user.twitter_connected && checkbox && checkbox.checked || false,
-			len = txt_input.value.length;
-
-		char_count.innerHTML = share ? utils.number_commas(115 - len) + '<span>+</span>' : utils.number_commas(len);
-		char_count.classList.toggle('over-limit', share && 115-len < 0 || false);
-
-		if ( len === 0 )
-			txt_input.placeholder = placeholder;
-	}
-
-	checkbox.addEventListener('change', updater);
-	txt_input.addEventListener('input', updater);
-
-	btn_submit.addEventListener('click', function() {
-		var match = f.is_dashboard ? location.pathname.match(/\/([^\/]+)/) : undefined,
-			id = f.is_dashboard && match && match[1];
-
-		if ( ! id || this.disabled )
-			return;
-
-		var share = user.twitter_connected && checkbox && checkbox.checked || false,
-			body = txt_input.value;
-
-		txt_input.disabled = true;
-		btn_submit.disabled = true;
-
-		utils.api.post("feed/" + id + "/posts?share=" + JSON.stringify(share), {content: body, share: share}).done(function(data) {
-			txt_input.disabled = false;
-			btn_submit.disabled = false;
-
-			txt_input.value = '';
-
-			var tweeted = data.tweet ? " The update was tweeted out." : (share ? " There was a problem tweeting the update." : "");
-			txt_input.placeholder = 'The update was posted successfully.' + tweeted + ' Post another update to your channel...';
-			f.log("Channel Feed Posting Succeeded", data);
-
-		}).fail(function(data) {
-			txt_input.disabled = false;
-			btn_submit.disabled = false;
-
-			data = data ? data.data || data.responseJSON || undefined : undefined;
-			f.log("Channel Feed Posting Failed", data);
-			alert("An error occured posting to your channel feed:\n\n" + (data && data.message || "Unknown Error"));
-
-		});
-	});
-
-	var switch_tab = function(e) {
-		var to = this.getAttribute('data-nav');
-		jQuery('.selected', tab_bar).removeClass('selected');
-		this.classList.add('selected');
-
-		jQuery('.active-tab', tabs).removeClass('active-tab').addClass('hidden');
-		jQuery('div[data-tab="' + to + '"]', tabs).addClass('active-tab').removeClass('hidden');
-	}
-
-	tabs.id = 'ffz-feed-tabs';
-
-	nav_status.setAttribute('data-nav', 'status');
-	nav_feed.setAttribute('data-nav', 'feed');
-
-	nav_status.addEventListener('click', switch_tab);
-	nav_feed.addEventListener('click', switch_tab);
-
-	tab_status.setAttribute('data-tab', 'status');
-	tab_feed.setAttribute('data-tab', 'feed');
-
-	column.removeChild(tab_status);
-
-	tab_bar.appendChild(nav_status);
-	tab_bar.appendChild(nav_feed);
-
-	tabs.appendChild(tab_bar);
-	tabs.appendChild(tab_status);
-	tabs.appendChild(tab_feed);
-
-	column.insertBefore(tabs, column.firstChild);
-	switch_tab.call(nav_status);
-}
\ No newline at end of file
diff --git a/src/ui/dash_stats.js b/src/ui/dash_stats.js
deleted file mode 100644
index d9809fc1..00000000
--- a/src/ui/dash_stats.js
+++ /dev/null
@@ -1,307 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils'),
-	constants = require('../constants'),
-
-	update_viewer_count = function(text) {
-		var vc = jQuery("#channel_viewer_count");
-		vc.text() === 'Hidden' || vc.text(text);
-	};
-
-
-// -------------------
-// Settings
-// -------------------
-
-FFZ.settings_info.dashboard_graph = {
-	type: "boolean",
-	value: true,
-
-	no_mobile: true,
-	no_bttv: true,
-
-	category: "Dashboard",
-	name: "Statistics Graph <small>(Requires Refresh)</small>",
-	help: "Display a graph of your viewers, followers, and chat activity over time."
-}
-
-
-// -------------------
-// Collecting Chat
-// -------------------
-
-FFZ.msg_commands.chat_message = function(data) {
-	if ( ! this.dashboard_channel || data.room !== this.dashboard_channel )
-		return;
-
-	this._stat_chat_lines++;
-	if ( this._stat_chatters.indexOf(data.from) === -1 )
-		this._stat_chatters.push(data.from);
-}
-
-
-FFZ.msg_commands.chatter_count = function(data) {
-	if ( ! this.dashboard_channel || data.room !== this.dashboard_channel )
-		return;
-
-	var el = document.querySelector('#ffz-chatter-display span');
-	if ( ! this.settings.chatter_count || this.has_bttv || ! this.is_dashboard || ! data.chatters ) {
-		if ( el )
-			jQuery(el).parent().remove();
-		return;
-	}
-
-	if ( ! el ) {
-		var cont = document.querySelector('#stats');
-		if ( ! cont )
-			return;
-
-		var stat = utils.createElement('span', 'ffz stat', constants.ROOMS + ' ');
-		stat.id = 'ffz-chatter-display';
-		stat.title = 'Currently in Chat';
-
-		el = utils.createElement('span');
-		stat.appendChild(el);
-
-		cont.appendChild(stat);
-		jQuery(stat).zipsy({gravity: 's'});
-	}
-
-	el.textContent = utils.number_commas(data.chatters);
-}
-
-
-// -------------------
-// Initialization
-// -------------------
-
-FFZ.prototype.setup_dash_stats = function() {
-	this._stat_chat_lines = 0;
-	this._stat_chatters = [];
-	this._stat_last_game = null;
-	this._stat_last_status = null;
-
-	this._update_dash_stats_timer = setTimeout(this.update_dash_stats.bind(this), 0);
-
-	var f = this,
-		stats = document.querySelector('#stats');
-
-	if ( this.has_bttv || ! stats || ! window.Highcharts || ! this.settings.dashboard_graph )
-		return;
-
-	f.log("Adding dashboard statistics chart.");
-
-	// Build a chart, under stats.
-	var container = document.createElement('div');
-	container.id = "chart_container";
-	container.className = 'ffz-stat-chart';
-	stats.parentElement.insertBefore(container, stats.nextSibling);
-
-	Highcharts.setOptions({global: {useUTC: false}});
-
-	// Load chart visibility
-	var vis = {};
-	if ( localStorage.ffz_dash_chart_visibility )
-		vis = JSON.parse(localStorage.ffz_dash_chart_visibility);
-
-	var date_format = this.settings.twenty_four_timestamps ? "%H:%M" : "%l:%M",
-		chart = this._dash_chart = new Highcharts.Chart({
-		chart: {
-			type: 'line',
-			zoomType: "x",
-			animation: false,
-			renderTo: container,
-			height: 200
-		},
-
-		title: { text: null },
-		credits: { enabled: false },
-		exporting: { enabled: false },
-		legend: {
-			backgroundColor: "#fff"
-		},
-
-		xAxis: {
-			type: 'datetime',
-			tickPixelInterval: 150,
-			dateTimeLabelFormats: {
-				millisecond: date_format,
-				second: date_format,
-				minute: date_format
-			}
-		},
-
-		tooltip: {
-			formatter: function() {
-				if ( this.point )
-					this.points = [this.point];
-
-				var s = [],
-					key = this.points[0].key || this.points[0].x;
-
-				if ( key ) {
-					if ( typeof key === "number" )
-						key = Highcharts.dateFormat((f.settings.twenty_four_timestamps ? "%H:%M" : "%l:%M %P"), key);
-
-					s.push('<span style="font-size:10px">' + key + '</span>');
-				}
-
-				for(var i=0; i < this.points.length; i++) {
-					var point = this.points[i],
-						series = point.series,
-						to = series.tooltipOptions,
-						y = point.text || point.y;
-
-					if ( ! to || ! to.enabled || y === undefined || y === null )
-						continue;
-
-					if ( typeof y === "number" )
-						y = utils.number_commas(y);
-
-					s.push('<span style="color:' + series.color + '">' + series.name + '</span>: <b>' + y + '</b>');
-				}
-
-				return s.join("<br>");
-			},
-			crosshairs: true,
-			shared: true
-		},
-
-		yAxis: [
-			{title: { text: null }, min: 0},
-			{title: { text: null }, min: 0},
-			{title: { text: null }, min: 0, opposite: true},
-			{title: { text: null }, min: 0, opposite: true}
-		],
-
-		series: [
-			{
-				type: 'flags',
-				name: 'Status',
-				showInLegend: false,
-				shape: 'squarepin',
-				data: [],
-				zIndex: 5
-			},
-			{name: "Viewers", data: [], zIndex: 4, visible: vis.hasOwnProperty('viewers')?vis.viewers:true},
-			{name: "Followers", data: [], yAxis: 1, zIndex: 3, visible: vis.hasOwnProperty('followers')?vis.followers:true},
-			{name: "Subscribers", data: [], zIndex: 3, showInLegend: false, visible: vis.hasOwnProperty('subscribers')?vis.subscribers:true},
-			{name: "Chat Lines", type: 'area', data: [], yAxis: 2, visible: vis.hasOwnProperty('chat_lines')?vis.chat_lines:false, zIndex: 1},
-			{name: "Chatters", data: [], yAxis: 3, visible: vis.hasOwnProperty('chatters')?vis.chatters:false, zIndex: 2}
-		]
-	});
-}
-
-
-FFZ.prototype._dash_chart_chatters = function(force) {
-	var now = utils.last_minute(),
-		series = this._dash_chart.series[4],
-		len = series.data.length,
-		last_point = len > 0 && series.data[len-1],
-		rendered = false;
-
-	if ( ! force && ! this._stat_chat_lines && len > 0 && last_point.y === 0 ) {
-		series.addPoint({x: now, y: null}, false);
-		this._dash_chart.series[5].addPoint({x: now, y: null}, false);
-		rendered = true;
-
-	} else if ( force || this._stat_chat_lines || len > 0 && last_point && last_point.y !== null ) {
-		if ( this._stat_chat_lines !== 0 && last_point && last_point.y === null ) {
-			series.addPoint({x:now-60000, y: 0}, false);
-			this._dash_chart.series[5].addPoint({x:now-60000, y: 0}, false);
-		}
-
-		series.addPoint({x: now, y: this._stat_chat_lines || 0}, false);
-		this._dash_chart.series[5].addPoint({x: now, y: this._stat_chatters.length || 0}, false);
-		rendered = true;
-	}
-
-	this._stat_chat_lines = 0;
-	this._stat_chatters = [];
-	return rendered;
-}
-
-
-FFZ.prototype._remove_dash_chart = function() {
-	if ( ! this._dash_chart )
-		return;
-
-	this.log("Removing dashboard statistics chart.");
-
-	this._dash_chart.destroy();
-	this._dash_chart = null;
-	jQuery("#chart_container.ffz-stat-chart").remove();
-}
-
-
-FFZ.prototype.update_dash_stats = function() {
-	var f = this,
-		id = this.dashboard_channel;
-
-	if ( this.has_bttv || ! id )
-		return this._remove_dash_chart();
-
-	this._update_dash_stats_timer = setTimeout(this.update_dash_stats.bind(this), 60000);
-
-	if ( f._dash_chart ) {
-		var series = f._dash_chart.series;
-		localStorage.ffz_dash_chart_visibility = JSON.stringify({
-			viewers: series[1].visble,
-			followers: series[2].visible,
-			subscribers: series[3].visible,
-			chat_lines: series[4].visible,
-			chatters: series[5].visible
-		});
-	}
-
-	utils.api.get("streams/" + id , {}, {version: 3})
-		.done(function(data) {
-			var viewers = null,
-				followers = null,
-				game = null,
-				status = null;
-
-			if ( ! data || ! data.stream )
-				!f.has_bttv && update_viewer_count("Offline");
-
-			else {
-				!f.has_bttv && update_viewer_count(utils.number_commas(data.stream.viewers));
-				viewers = data.stream.viewers;
-
-				var chan = data.stream.channel;
-				if ( chan ) {
-					followers = chan.hasOwnProperty('followers') ? chan.followers || 0 : null;
-					game = chan.game || "Not Playing";
-					status = chan.status || "Untitled Broadcast";
-
-					if ( chan.views )
-						jQuery("#views_count span").text(utils.number_commas(chan.views));
-					if ( followers )
-						jQuery("#followers_count span").text(utils.number_commas(followers));
-				}
-			}
-
-			if ( f._dash_chart ) {
-				var now = utils.last_minute(),
-					force_draw;
-
-				// If the game or status changed, we need to insert a pin.
-				if ( f._stat_last_game !== game || f._stat_last_status !== status ) {
-					f._dash_chart.series[0].addPoint({x: now, title: game, text: status}, false);
-					f._stat_last_game = game;
-					f._stat_last_status = status;
-				}
-
-				force_draw = utils.maybe_chart(f._dash_chart.series[1], {x: now, y: viewers}, false);
-				force_draw = f._dash_chart_chatters(force_draw) || force_draw;
-
-				utils.maybe_chart(f._dash_chart.series[2], {x: now, y: followers}, false, force_draw);
-
-				f._dash_chart.redraw();
-			}
-		}).fail(function() {
-			if ( f._dash_chart ) {
-				f._dash_chart_chatters();
-				f._dash_chart.redraw();
-			}
-		});
-}
\ No newline at end of file
diff --git a/src/ui/following-count.js b/src/ui/following-count.js
deleted file mode 100644
index c1b7cab1..00000000
--- a/src/ui/following-count.js
+++ /dev/null
@@ -1,350 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils'),
-	constants = require('../constants'),
-
-	FOLLOWING_CONTAINERS = [
-		['.warp__item a[data-href="following"]'],
-		['#header_actions #header_following'],
-		['.top-nav__nav-link[data-tt_content="directory_following"]', '.top-nav']
-	],
-
-	WIDE_TIP = function(f, el) {
-		return (f.settings.following_count && (
-					(el.classList.contains('top-nav__nav-link') && el.dataset['tt_content'] === 'directory_following') ||
-					el.id === 'header_following' ||
-					el.getAttribute('data-href') === 'following' ||
-					el.parentElement.getAttribute('data-name') === 'following'
-
-				)) ? 'ffz-wide-tip' : '';
-	};
-
-
-FFZ.settings_info.following_count = {
-	type: "boolean",
-	value: true,
-
-	no_mobile: true,
-
-	category: "Sidebar",
-	name: "Following Data",
-	help: "Display the number of live channels you're following on the sidebar, and list the channels in a tooltip.",
-
-	on_update: function(val) {
-			this._schedule_following_count();
-
-			var Stream = utils.ember_resolve('model:deprecated-stream'),
-				Live = Stream && Stream.find("live");
-
-			if ( Live ) {
-				var total = Live.get('total') || 0;
-				this._draw_following_count(total);
-				this._draw_following_channels(Live.get('content'), total);;
-			} else {
-				this._update_following_count();
-				this._draw_following_channels();
-			}
-		}
-	};
-
-// ---------------
-// Initialization
-// ---------------
-
-FFZ.prototype.setup_following_count = function(has_ember) {
-	// Start it updating.
-	if ( this.settings.following_count )
-		this._schedule_following_count();
-
-	// Tooltips~!
-	this._install_following_tooltips();
-	setTimeout(this._install_following_tooltips.bind(this), 2000);
-
-	// If we don't have Ember, no point in trying this stuff.
-	if ( this.is_dashboard || ! has_ember )
-		return this._following_get_me();
-
-	this.log("Connecting to Live Streams model.");
-	var Stream = utils.ember_resolve('model:deprecated-stream');
-	if ( ! Stream )
-		return this.log("Unable to find Stream model.");
-
-	var Live = Stream.find("live"),
-		f = this;
-
-	if ( ! Live )
-		return this.log("Unable to find Live Streams collection.");
-
-	Live.addObserver('total', function() { f._draw_following_count(this.get('total')); });
-	Live.addObserver('content.length', function() { f._draw_following_channels(this.get('content'), this.get('total')); })
-
-	Live.load();
-
-	/*var Host = utils.ember_resolve('model:hist'),
-		HostLive = Host && Host.find("following");
-
-	if ( HostLive )
-		HostLive.load();*/
-
-	var init = function() {
-		var total = Live.get('total'),
-			streams = Live.get('content');
-		if ( typeof total === "number" ) {
-			f._draw_following_count(total);
-			if ( streams && streams.length )
-				f._draw_following_channels(streams, total);
-		}
-	}
-
-	init()
-	setTimeout(init, 2000);
-}
-
-
-FFZ.prototype._following_get_me = function(tries) {
-	// get_user doesn't properly return an oauth token any longer, so we need to get me manually.
-	if ( ! window.Twitch )
-		// Wait around till the API shows up.
-		return setTimeout(this._following_get_me.bind(this, tries), Math.floor(2000*Math.random()) + 500);
-
-	var f = this;
-	utils.api.get("/api/me").done(function(data) {
-		f.log("Fetched User Data -- " + (data.name || data.login));
-		f.__user = data;
-		f._update_following_count();
-
-	}).fail(function() {
-		tries = (tries||0) + 1;
-		if ( tries < 5 )
-			return setTimeout(f._following_get_me.bind(f, tries), Math.floor(2000*Math.random()) + 500);
-		f.log("Failed to get proper user object.");
-	});
-}
-
-
-FFZ.prototype._schedule_following_count = function() {
-	if ( ! this.settings.following_count ) {
-		if ( this._following_count_timer ) {
-			clearTimeout(this._following_count_timer);
-			this._following_count_timer = undefined;
-		}
-		return;
-	}
-
-	if ( ! this._following_count_timer )
-		this._following_count_timer = setTimeout(this._update_following_count.bind(this), 55000 + (10000*Math.random()));
-}
-
-
-FFZ.prototype._update_following_count = function() {
-	if ( ! this.settings.following_count ) {
-		if ( this._following_count_timer ) {
-			clearTimeout(this._following_count_timer);
-			this._following_count_timer = undefined;
-		}
-		return;
-	}
-
-	this._following_count_timer = setTimeout(this._update_following_count.bind(this), 55000 + (10000*Math.random()));
-
-	var Stream = utils.ember_resolve('model:deprecated-stream'),
-		Live = Stream && Stream.find("live"),
-
-		/*Host = utils.ember_resolve('model:host'),
-		HostLive = Host && Host.find("following"),*/
-
-		current_path = document.body.getAttribute('data-current-path') || '',
-		is_directory = current_path === 'directory.following.channels',
-		f = this;
-
-	/*if ( ! this.is_dashboard && HostLive && current_path.indexOf('directory.following') !== -1 )
-		HostLive.load();*/
-
-	if ( ! this.is_dashboard && ! is_directory && Live )
-		Live.load();
-	else {
-		var u = this.get_user();
-
-		utils.api.get("streams/followed", {limit:20, offset:0}, {version:3}, u && u.chat_oauth_token)
-			.done(function(data) {
-				f._draw_following_count(data._total);
-				f._draw_following_channels(data.streams, data._total);
-			}).fail(function() {
-				f._draw_following_count();
-				f._draw_following_channels();
-			})
-	}
-}
-
-
-FFZ.prototype._build_following_tooltip = function(el) {
-	var is_top_nav = el.classList.contains('top-nav__nav-link') && el.dataset['tt_content'] === 'directory_following';
-	if ( ! is_top_nav && el.id !== 'header_following' && el.getAttribute('data-href') !== 'following' && el.parentElement.getAttribute('data-name') !== 'following' )
-		return el.getAttribute('original-title');
-
-	if ( ! this.settings.following_count )
-		return is_top_nav ? '' : 'Following';
-
-	var tooltip = (this.has_bttv ? '<span class="stat playing">FrankerFaceZ</span>' : '') + 'Following',
-		bb = el.getBoundingClientRect(),
-		height = document.body.clientHeight - (bb.bottom + 50),
-		max_lines = Math.max(Math.floor(height / 40) - 1, 2),
-
-		/*Host = utils.ember_resolve('model:host'),
-		HostLive = Host && Host.find("following"),*/
-
-		streams = this._tooltip_streams,
-		total = this._tooltip_total || (streams && streams.length) || 0,
-		c = 0,
-		filtered = 0;
-
-	if ( streams && streams.length ) {
-		for(var i=0, l = streams.length; i < l; i++) {
-			var stream = streams[i];
-			if ( ! stream || ! stream.channel )
-				continue;
-
-			if ( stream.game && this.settings.banned_games.indexOf(stream.game.toLowerCase()) !== -1 ) {
-				filtered++;
-				continue;
-			}
-
-			c += 1;
-			if ( c > max_lines ) {
-				tooltip += '<hr><span>And ' + utils.number_commas(total - max_lines) + ' more' + (filtered ? ' (' + filtered + ' hidden)' : '') + '...</span>';
-				filtered = 0;
-				break;
-			}
-
-			var up_since = this.settings.stream_uptime && stream.created_at && utils.parse_date(stream.created_at),
-				now = Date.now() - (this._ws_server_offset || 0),
-				uptime = up_since && (Math.floor((now - up_since.getTime()) / 60000) * 60) || 0,
-				channel_name = stream.channel.name,
-				tags = stream.channel.game === 'Creative' && this.tokenize_ctags(stream.channel.status, true);
-
-			tooltip += (c === 1 ? '<hr>' : '') +
-				(uptime > 0 ? '<span class="stat">' + constants.CLOCK + ' ' + utils.duration_string(uptime) + '</span>' : '') +
-				'<span class="stat">' + constants.LIVE + ' ' + utils.number_commas(stream.viewers) + '</span>' +
-				'<a href="https://www.twitch.tv/' + utils.quote_san(channel_name) + '" onclick="return FrankerFaceZ.utils.transition_user(&quot;' + utils.quote_san(channel_name) + '&quot;)"><b>' + utils.sanitize(stream.channel.display_name || stream.channel.name) + '</b></a><br>' +
-				'<span class="playing">' +
-				(stream.stream_type === 'watch_party' ? '<span class="pill is-watch-party">Vodcast</span> ' : '') +
-				(stream.channel.game === 'Creative' ? 'Being Creative' : (stream.channel.game ? 'Playing ' + utils.sanitize(stream.channel.game) : 'Not Playing')) + (tags ? ' | ' + _.pluck(tags, "text").join(" ") : '') + '</span>';
-		}
-
-		if ( filtered )
-			tooltip += '<hr><span>(' + filtered + ' hidden)';
-
-	} else {
-		c++; // is a terrible programming language
-		tooltip += "<hr>No one you're following is online.";
-	}
-
-	// If we have hosts, and room, try displaying some hosts.
-	/*if ( HostLive && (c + 1) < max_lines && HostLive.get('content.length') > 0 ) {
-		var t = HostLive.get('content.length');
-		c++;
-		tooltip += '<hr>Live Hosts';
-		for(var i=0; i < t; i++) {
-			var host = HostLive.get('content.' + i),
-				stream = host && host.target;
-			if ( ! stream )
-				continue;
-
-			c += 1;
-			if ( c > max_lines ) {
-				var sc = 1 + (streams && streams.length || 0);
-				tooltip += '<hr><span>And ' + utils.number_commas(t - (max_lines - sc)) + ' more...</span>';
-				break;
-			}
-
-			var hosting;
-			if ( ! host.ffz_hosts || host.ffz_hosts.length === 1 )
-				hosting = host.display_name;
-			else
-				hosting = utils.number_commas(host.ffz_hosts.length);
-
-			tooltip += (i === 0 ? '<hr>' : '') +
-				'<span class="stat">' + constants.LIVE + ' ' + utils.number_commas(stream.viewers) + '</span>' +
-				hosting + ' hosting <b>' + utils.sanitize(stream.channel.display_name || stream.channel.name) + '</b><br>' +
-				'<span class="playing">' + (stream.meta_game ? 'Playing ' + utils.sanitize(stream.meta_game) : 'Not Playing') + '</span>';
-		}
-	}*/
-
-	// Reposition the tooltip.
-	/*setTimeout(function() {
-		var tip = document.querySelector('.tipsy');
-		if ( ! tip )
-			return;
-
-		var bb = tip.getBoundingClientRect(),
-
-			left = parseInt(tip.style.left || '0'),
-			right = bb.left + tip.scrollWidth;
-
-		if ( bb.left < 5 )
-			tip.style.left = (left - bb.left) + 5 + 'px';
-		else if ( right > document.body.clientWidth - 5 )
-			tip.style.left = (left - (5 + right - document.body.clientWidth)) + 'px';
-	});*/
-
-	return tooltip;
-}
-
-
-FFZ.prototype._install_following_tooltips = function() {
-	var f = this,
-		data = {
-			html: true,
-			delayOut: 100,
-			className: function() { return WIDE_TIP(f, this); },
-			title: function() { return f._build_following_tooltip(this); },
-			gravity: function(box) {
-				return (box ?
-					utils.newtip_placement :
-					utils.tooltip_placement)(constants.TOOLTIP_DISTANCE, 'w').call(this, box);
-				//utils.tooltip_placement(constants.TOOLTIP_DISTANCE * 2, 'w')
-			}
-		};
-
-	for(var i=0; i < FOLLOWING_CONTAINERS.length; i++) {
-		var following = jQuery(FOLLOWING_CONTAINERS[i][0]);
-		if ( following && following.length ) {
-			var dat = _.extend(data, {prependTo: FOLLOWING_CONTAINERS[i][1] || document.body});
-			var td = following.data('tipsy');
-			if ( td && td.options ) {
-				td.options = _.extend(td.options, dat);
-			} else
-				following.zipsy(dat);
-		}
-	}
-}
-
-
-FFZ.prototype._draw_following_channels = function(streams, total) {
-	this._tooltip_streams = streams;
-	this._tooltip_total = total;
-}
-
-
-FFZ.prototype._draw_following_count = function(count) {
-	count = count ? utils.format_unread(count) : '';
-	for(var i=0; i < FOLLOWING_CONTAINERS.length; i++) {
-		var container = document.querySelector(FOLLOWING_CONTAINERS[i][0]),
-			badge = container && container.querySelector('.ffz-follow-count');
-		if ( ! container )
-			continue;
-
-		if ( this.has_bttv || ! this.settings.following_count ) {
-			badge && container.removeChild(badge);
-			continue;
-
-		} else if ( ! badge ) {
-			badge = utils.createElement('span', 'ffz-follow-count');
-			if ( container.classList.contains('top-nav__nav-link') )
-				badge.className += ' flex flex--horizontalCenter flex--verticalCenter pill';
-
-			container.appendChild(badge);
-		}
-
-		badge.innerHTML = count;
-	}
-}
\ No newline at end of file
diff --git a/src/ui/following.js b/src/ui/following.js
deleted file mode 100644
index 182bfaa3..00000000
--- a/src/ui/following.js
+++ /dev/null
@@ -1,335 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils'),
-	constants = require('../constants'),
-
-	VALID_CHANNEL = /^[A-Za-z0-9_]+$/,
-	TWITCH_URL = /^(?:https?:\/\/)?(?:www\.)?twitch\.tv\/([A-Za-z0-9_]+)/i;
-
-
-// ---------------
-// Initialization
-// ---------------
-
-FFZ.prototype.setup_following = function() {
-	this.log("Initializing following support.");
-	this.follow_data = {};
-	this.follow_sets = {};
-}
-
-
-// ---------------
-// Settings
-// ---------------
-
-FFZ.settings_info.follow_buttons = {
-	type: "boolean",
-	value: true,
-	no_mobile: true,
-
-	category: "Channel Metadata",
-	name: "Featured Channels",
-	help: 'Display additional Follow buttons for channels featured by the stream, such as people participating in co-operative gameplay.',
-	on_update: function(val) {
-		if ( this._cindex )
-			this._cindex.ffzUpdateMetadata('following');
-	}
-};
-
-
-// ---------------
-// Command
-// ---------------
-
-FFZ.ffz_commands.following = function(room, args) {
-	args = args.join(" ").trim().toLowerCase().split(/[ ,]+/);
-
-	var f = this,
-		out = [];
-
-	for(var i=0,l=args.length; i<l; i++) {
-		var arg = args[i],
-			match = arg.match(TWITCH_URL);
-		if ( match )
-			arg = match[1];
-
-		if ( arg !== '' && out.indexOf(arg) === -1 )
-			out.push(arg);
-	}
-
-	if ( ! this.ws_send("update_follow_buttons", [room.id, out], function(success, data) {
-		if ( ! success ) {
-			f.log("Not a Success: " + JSON.stringify(data));
-			f.room_message(room, data);
-			return;
-		}
-
-		if ( data )
-			f.room_message(room, "The following buttons have been updated.");
-		else
-			f.room_message(room, "The following buttons have been disabled.");
-	}) )
-		return "There was an error communicating with the server.";
-}
-
-
-// ---------------
-// Socket Handler
-// ---------------
-
-FFZ.ws_on_close.push(function() {
-	var controller = utils.ember_lookup('controller:channel'),
-		current_id = controller && controller.get('channelModel.id'),
-		current_host = controller && controller.get('channelModel.hostModeTarget.id'),
-		need_update = false;
-
-	this.follow_sets = {};
-
-	if ( ! controller )
-		return;
-
-	for(var channel_id in this.follow_data) {
-		delete this.follow_data[channel_id];
-		if ( channel_id === current_id || channel_id === current_host )
-			need_update = true;
-
-		if ( this.rooms && this.rooms[channel_id] && this.rooms[channel_id].extra_sets ) {
-			var sets = this.rooms[channel_id].extra_sets;
-			delete this.rooms[channel_id].extra_sets;
-
-			for(var i=0; i < sets.length; i++) {
-				var set = this.emote_sets[sets[i]];
-				if ( set ) {
-					set.users.removeObject(channel_id);
-					if ( ! this.global_sets.contains(sets[i]) && ! set.users.length )
-						this.unload_set(sets[i]);
-				}
-			}
-		}
-	}
-
-	if ( need_update && this._cindex )
-		this._cindex.ffzUpdateMetadata('following');
-});
-
-
-FFZ.ws_commands.follow_buttons = function(data) {
-	var controller = utils.ember_lookup('controller:channel'),
-		current_id = controller && controller.get('channelModel.id'),
-		current_host = controller && controller.get('channelModel.hostModeTarget.id'),
-		need_update = false;
-
-	this.follow_data = this.follow_data || {};
-
-	for(var channel_id in data) {
-		this.follow_data[channel_id] = data[channel_id];
-		if ( channel_id === current_id || channel_id === current_host )
-			need_update = true;
-	}
-
-	if ( need_update && this._cindex )
-		this._cindex.ffzUpdateMetadata('following');
-}
-
-
-FFZ.ws_commands.follow_sets = function(data) {
-	var controller = utils.ember_lookup('controller:channel'),
-		current_id = controller && controller.get('channelModel.id'),
-		current_host = controller && controller.get('channelModel.hostModeTarget.id'),
-		need_update = false,
-		f = this;
-
-	this.follow_sets = this.follow_sets || {};
-
-	for(var room_id in data) {
-		if ( ! this.rooms || ! this.rooms.hasOwnProperty(room_id) ) {
-			this.follow_sets[room_id] = data[room_id];
-			continue;
-		}
-
-		var old_sets = this.rooms[room_id].extra_sets || [],
-			new_sets = this.rooms[room_id].extra_sets = data[room_id];
-
-		// Unload sets we aren't using anymore.
-		for(var i=0; i < old_sets.length; i++) {
-			var sid = old_sets[i];
-			if ( new_sets.indexOf(sid) !== -1 )
-				continue;
-
-			var set = this.emote_sets && this.emote_sets[sid];
-			if ( set ) {
-				set.users.removeObject(room_id);
-				if ( ! this.global_sets.contains(sid) && ! set.users.length )
-					this.unload_set(sid);
-			}
-		}
-
-		// And load the new sets.
-		for(var i=0; i < new_sets.length; i++) {
-			var sid = new_sets[i],
-				set = this.emote_sets && this.emote_sets[sid];
-
-			if ( set ) {
-				if ( set.users.indexOf(room_id) === -1 )
-					set.users.push(room_id);
-				continue;
-			}
-
-			setTimeout(
-				this.load_set.bind(this, sid, function(success, data) {
-					if ( success )
-						data.users.push(room_id);
-				}), Math.random()*2500);
-		}
-	}
-}
-
-
-// ---------------
-// Following UI
-// ---------------
-
-FFZ.channel_metadata.following = {
-	refresh: false,
-
-	setup: function(view, channel) {
-		var channel_id = channel.get('id'),
-			data = this.follow_data && this.follow_data[channel_id];
-
-		return [_.unique(data).without("")];
-	},
-
-	order: 97,
-	host_order: 4,
-
-	button: true,
-	static_label: constants.HEART,
-	label: function(data) {
-		if ( ! this.settings.follow_buttons || ! data || ! data.length )
-			return null;
-
-		return 'Featured';
-	},
-
-	popup: function(container, data) {
-		var user = this.get_user();
-		if ( ! user || ! user.login ) {
-			Ember.$.login({mpSourceAction: "follow-button"});
-			return false;
-		}
-
-		container.classList.add('balloon--md');
-		var scroller = utils.createElement('div', 'scroller');
-		container.appendChild(scroller);
-
-		for(var i=0; i < data.length && i < 50; i++)
-			FFZ.channel_metadata.following.draw_row.call(this, scroller, data[i]);
-	},
-
-	draw_row: function(container, user_id) {
-		var f = this,
-			user = this.get_user(),
-
-			el = utils.createElement('div', 'ffz-following-row'),
-
-			avatar = utils.createElement('img', 'image'),
-			name_el = utils.createElement('a', 'html-tooltip'),
-
-			btn_follow = utils.createElement('button', 'follow-button button'),
-			sw_notif = utils.createElement('a', 'switch html-tooltip', '<span>'),
-
-			channel = {
-				name: user_id
-			},
-
-			is_following = null,
-			is_notified = false,
-
-			update = function() {
-				if ( channel.logo )
-					avatar.src = channel.logo;
-
-				var name = f.format_display_name(channel.display_name || user_id, user_id);
-				name_el.innerHTML = name[0];
-				name_el.setAttribute('original-title', name[1] || '');
-
-				el.setAttribute('data-loaded', is_following !== null);
-				el.setAttribute('data-following', is_following);
-
-				btn_follow.textContent = is_following ? 'Unfollow' : 'Follow';
-				btn_follow.classList.toggle('is-following', is_following);
-				btn_follow.classList.toggle('button--status', is_following);
-				sw_notif.classList.toggle('active', is_notified);
-				sw_notif.setAttribute('original-title', 'Notify me when ' + name[0] + ' goes live.');
-			},
-
-			check_following = function() {
-				// Minimize our API calls.
-				utils.api.get("users/:login/follows/channels/" + user_id)
-					.done(function(data) {
-						is_following = true;
-						is_notified = data.notifications;
-						channel = data.channel;
-						update();
-
-					}).fail(function() {
-						utils.api.get("channels/" + user_id)
-							.done(function(data) {
-								is_following = false;
-								is_notified = false;
-								channel = data;
-								update();
-							}).fail(function() {
-								el.removeChild(btn_follow);
-								el.removeChild(sw_notif);
-								el.appendChild(utils.createElement('span', 'right', 'Invalid Channel'));
-							});
-					});
-			},
-
-			do_follow = function(notice) {
-				if ( notice !== false )
-					notice = true;
-
-				is_following = true;
-				is_notified = notice;
-				update();
-
-				return utils.api.put("users/:login/follows/channels/" + user_id, {notifications: notice}, undefined, user.chat_oauth_token)
-					.fail(check_following);
-			};
-
-		btn_follow.addEventListener('click', function() {
-			is_following = is_notified = ! is_following;
-			update();
-
-			f.ws_send("track_follow", [user_id, is_following]);
-
-			if ( is_following )
-				do_follow();
-			else
-				utils.api.del("users/:login/follows/channels/" + user_id, undefined, undefined, user.chat_oauth_token)
-					.fail(check_following);
-		});
-
-		sw_notif.addEventListener('click', function() {
-			do_follow(!is_notified);
-		});
-
-		el.setAttribute('data-user', user_id);
-
-		name_el.href = 'https://www.twitch.tv/' + user_id;
-		name_el.target = '_blank';
-
-		el.appendChild(avatar);
-		el.appendChild(name_el);
-		if ( user ) {
-			el.appendChild(btn_follow);
-			el.appendChild(sw_notif);
-		} else
-			this.log("No User", user);
-		container.appendChild(el);
-
-		check_following();
-		update();
-	}
-}
\ No newline at end of file
diff --git a/src/ui/logviewer.js b/src/ui/logviewer.js
deleted file mode 100644
index ca0ea742..00000000
--- a/src/ui/logviewer.js
+++ /dev/null
@@ -1,893 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils'),
-	constants = require('../constants'),
-
-	BAN_REGEX = /^<([^ ]+) has been (banned|timed out|unbanned)(?: for ([^.]+))?\.?(?: Reasons?: ([^(>]+))?(?: ?\((\d+) times\))?>$/;
-
-
-// ----------------
-// Token Request
-// ----------------
-
-FFZ.prototype._lv_token_requests = null;
-FFZ.prototype._lv_token = {"token": null, "expires": 0};
-
-FFZ.prototype.lv_get_token = function() {
-	var f = this,
-		token = this._lv_token,
-		now = Date.now() / 1000;
-
-	return new Promise(function(succeed, fail) {
-		// If we're not logged in, we can't get a token.
-		var user = f.get_user();
-		if ( ! user || ! user.login )
-			return fail(null);
-
-		// Make sure the token will be valid for at least 5 more minutes.
-		if ( token.token && token.expires > (now + 300) )
-			return succeed(token.token);
-
-		// If we're already making a request, don't duplicate it.
-		if ( f._lv_token_requests )
-			return f._lv_token_requests.push([succeed, fail]);
-
-		// Nope, new request.
-		f._lv_token_requests = [[succeed, fail]];
-
-		f.ws_send("get_logviewer_token", undefined, function(succeeded, data) {
-			token = succeeded ? data : token = {"token": null, "expires": 0};
-
-			var requests = f._lv_token_requests;
-			f._lv_token = token;
-			f._lv_token_requests = null;
-
-			for(var i=0; i < requests.length; i++) {
-				requests[i][succeeded ? 0 : 1](token.token);
-			}
-
-			if ( succeeded && f._lv_ws_open )
-				f._lv_ws_sock.send('42' + JSON.stringify(["token", token]));
-
-		}, true);
-	});
-}
-
-
-// ----------------
-// Log Requests
-// ----------------
-
-FFZ.prototype.lv_get_logs = function(room_id, user_id, ref_id, before_cnt, after_cnt) {
-	var f = this;
-	return new Promise(function(succeed, fail) {
-		f.lv_get_token().then(function(token) {
-			args = [];
-
-			user_id !== undefined && user_id !== null && args.push('nick=' + user_id);
-			ref_id !== undefined && ref_id !== null && args.push('id=' + ref_id);
-			before_cnt !== undefined && before_cnt !== null && args.push('before=' + before_cnt);
-			after_cnt !== undefined && after_cnt !== null && args.push('after=' + after_cnt)
-
-			utils.logviewer.get("logs/" + room_id + "?" + args.join('&'), token)
-				.then(utils.json).then(function(data) {
-					// Parse every message immediately.
-					if ( data ) {
-						var bound = f.lv_parse_message.bind(f);
-						if ( data.before )
-							data.before = _.map(data.before, bound);
-						if ( data.after )
-							data.after = _.map(data.after, bound);
-					}
-
-					succeed(data);
-				});
-		});
-	})
-}
-
-
-// ----------------
-// Message Processing
-// ----------------
-
-FFZ.prototype.lv_parse_message = function(message) {
-	var parsed = utils.parse_irc_privmsg(message.text),
-		ffz_room = this.rooms && this.rooms[parsed.room],
-		room = ffz_room && ffz_room.room;
-
-	parsed.lv_id = message.id;
-	parsed.mod_logs = message.modlog;
-	parsed.date = typeof message.time === "number" ? new Date(message.time * 1000) : utils.parse_date(message.time);
-
-	// Is this administrative?
-	parsed.is_admin = parsed.tags['display-name'] === 'jtv';
-	if ( parsed.is_admin ) {
-		parsed.style = 'admin';
-		delete parsed.tags['display-name'];
-	}
-
-
-	// Is this a notification?
-	parsed.is_notice = parsed.tags['display-name'] === 'twitchnotify';
-	if ( parsed.is_notice ) {
-		parsed.style = 'notification';
-		delete parsed.tags['display-name'];
-	}
-
-
-	// Is this a ban?
-	var match = parsed.is_admin && BAN_REGEX.exec(parsed.message);
-	if ( match ) {
-		var unban = match[2] === 'unbanned',
-			duration = unban ? -Infinity : match[2] === 'banned' ? Infinity : utils.parse_lv_duration(match[3]),
-			reasons = match[4] ? match[4].trim().split(/\s*,\s*/) : [],
-			ban_count = match[5] && parseInt(match[5]) || 1;
-
-		parsed.message = this.format_ban_notice(
-			parsed.from, false, duration, ban_count, reasons,
-			parsed.mod_logs && Object.keys(parsed.mod_logs),
-			parsed.mod_logs);
-
-		parsed.cachedTokens = [{type: "raw", html: parsed.message}];
-
-	} else if ( parsed.from === "jtv" && parsed.mod_logs ) {
-		parsed.message = Object.keys(parsed.mod_logs).join(", ") + " used: " + parsed.message;
-		parsed.cachedTokens = [{type: "text", text: parsed.message}];
-	}
-
-	if ( parsed.tags.color )
-		parsed.color = parsed.tags.color;
-	else {
-		var tmiSession = room && room.tmiSession || window.TMI && TMI._sessions && TMI._sessions[0];
-		parsed.color = tmiSession && parsed.from ? tmiSession.getColor(parsed.from) : "#755000";
-	}
-
-	if ( ! parsed.tags.hasOwnProperty('mod') ) {
-		var badges = parsed.tags.badges || {};
-		parsed.tags.mod = parsed.from === parsed.room || badges.hasOwnProperty('staff') || badges.hasOwnProperty('admin') || badges.hasOwnProperty('global_mod') || badges.hasOwnProperty('moderator');
-	}
-
-	if ( ! parsed.cachedTokens )
-		this.tokenize_chat_line(parsed, true, room && room.get('roomProperties.hide_chat_links'));
-
-	return parsed;
-}
-
-
-// ---------------------
-// WebSocket Connection
-// ---------------------
-
-FFZ.prototype.lv_ws_create = function() {
-	var f = this, ws,
-		server = constants.LV_SOCKET_SERVER + '?EIO=3&transport=websocket';
-
-	if ( this._lv_ws_recreate_timer ) {
-		clearTimeout(this._lv_ws_recreate_timer);
-		this._lv_ws_recreate_timer = null;
-	}
-
-	if ( this._lv_ws_connecting || this._lv_ws_open )
-		return;
-
-	this._lv_ws_topics = this._lv_ws_topics || [];
-	this._lv_ws_ping_timer = null;
-	this._lv_ws_connecting = true;
-
-	this.log('[LV] Using Socket Server: ' + server);
-
-	try {
-		ws = this._lv_ws_sock = new WebSocket(server);
-	} catch(err) {
-		this._lv_ws_sock = null;
-		return this.error('[LV] Error creating WebSocket', err);
-	}
-
-	ws.onopen = function(e) {
-		f._lv_ws_connecting = false;
-		f._lv_ws_open = true;
-		f.log('[LV] Socket connected.');
-
-		ws.send('2probe');
-		ws.send('5');
-
-		if ( f._lv_token.token )
-			ws.send('42' + JSON.stringify(["token", f._lv_token.token]));
-
-		// Ping every 10 seconds just to be safe.
-		f._lv_ws_ping_timer = setInterval(function() {
-			ws.send('2');
-		}, 10000);
-
-		if ( f._lv_ws_topics.length )
-			for(var i=0; i < f._lv_ws_topics.length; i++)
-				ws.send('42' + JSON.stringify(["subscribe", f._lv_ws_topics[i]]));
-		else
-			f._lv_ws_close_timer = setTimeout(f.lv_ws_maybe_close.bind(f), 5000);
-	}
-
-	ws.onclose = function(e) {
-		var was_open = f._lv_ws_open;
-		f.log('[LV] Socket closed. (Code: ' + e.code + ', Reason: ' + e.reason + ')');
-
-		f._lv_ws_open = false;
-		f._lv_ws_connecting = false;
-		f._lv_ws_sock = null;
-		if ( f._lv_ws_ping_timer ) {
-			clearInterval(f._lv_ws_ping_timer);
-			f._lv_ws_ping_timer = null;
-		}
-
-		// Do we care about reconnecting? We only do if we have topics?
-		if ( ! f._lv_ws_topics || ! f._lv_ws_topics.length )
-			return;
-
-		f._lv_ws_recreate_timer = setTimeout(f.lv_ws_create.bind(f), 500 + Math.random() * 2000);
-	}
-
-	ws.onmessage = function(e) {
-		var message = e.data;
-		// We only care about the meaning of life.
-		if ( message.substr(0,2) !== '42' )
-			return;
-
-		var data = JSON.parse(message.substr(2));
-
-		if ( f._lv_ws_callbacks && f._lv_ws_callbacks.length )
-			for(var i=0; i < f._lv_ws_callbacks.length; i++)
-				f._lv_ws_callbacks[i](data[0], data[1]);
-	}
-}
-
-
-FFZ.prototype.lv_ws_add_callback = function(callback) {
-	this._lv_ws_callbacks = this._lv_ws_callbacks || [];
-	if ( this._lv_ws_callbacks.indexOf(callback) === -1 )
-		this._lv_ws_callbacks.push(callback);
-}
-
-
-FFZ.prototype.lv_ws_remove_callback = function(callback) {
-	this._lv_ws_callbacks = this._lv_ws_callbacks || [];
-	var ind = this._lv_ws_callbacks.indexOf(callback);
-	if ( ind !== -1 )
-		this._lv_ws_callbacks.splice(ind, 1);
-}
-
-
-FFZ.prototype.lv_ws_sub = function(topic) {
-	this._lv_ws_topics = this._lv_ws_topics || [];
-	if ( this._lv_ws_topics.indexOf(topic) !== -1 )
-		return;
-
-	this._lv_ws_topics.push(topic);
-	if ( this._lv_ws_close_timer ) {
-		clearTimeout(this._lv_ws_close_timer);
-		this._lv_ws_close_timer = null;
-	}
-
-	if ( this._lv_ws_open )
-		this._lv_ws_sock.send("42" + JSON.stringify(['subscribe', topic]));
-
-	else if ( ! this._lv_ws_connecting )
-		this.lv_ws_create();
-}
-
-FFZ.prototype.lv_ws_unsub = function(topic) {
-	this._lv_ws_topics = this._lv_ws_topics || [];
-	var ind = this._lv_ws_topics.indexOf(topic);
-	if ( ind === -1 )
-		return;
-
-	this._lv_ws_topics.splice(ind, 1);
-
-	if ( this._lv_ws_open ) {
-		this._lv_ws_sock.send("42" + JSON.stringify(['unsubscribe', topic]));
-		if ( this._lv_ws_topics.length === 0 )
-			this._lv_ws_close_timer = setTimeout(this.lv_ws_maybe_close.bind(this), 5000);
-	}
-}
-
-
-FFZ.prototype.lv_ws_maybe_close = function() {
-	if ( this._lv_ws_close_timer ) {
-		clearTimeout(this._lv_ws_close_timer);
-		this._lv_ws_close_timer = null;
-	}
-
-	if ( (! this._lv_ws_topics || ! this._lv_ws_topics.length) && this._lv_ws_open )
-		this._lv_ws_sock.close();
-}
-
-
-// ----------------
-// Moderation Card Pages
-// ----------------
-
-FFZ.mod_card_pages = {};
-
-FFZ.mod_card_pages.default = {
-	title: "<span>C</span>ontrols",
-	render: function(mod_card, el) { }
-}
-
-FFZ.mod_card_pages.history = {
-	title: "Chat <span>H</span>istory",
-	needs_lv: true,
-
-	render_more: function(mod_card, el, history, ref_id, is_user, is_after) {
-		var f = this,
-			controller = utils.ember_lookup('controller:chat'),
-			user_id = mod_card.get('cardInfo.user.id'),
-			room_id = controller && controller.get('currentRoom.id'),
-
-			btn_more = utils.createElement('li', 'button ffz-load-more' + (is_after ? ' load-after' : ''), '<span class="ffz-chevron"></span> Load More <span class="ffz-chevron"></span>');
-
-		if ( is_after )
-			history.appendChild(btn_more);
-		else
-			history.insertBefore(btn_more, history.firstElementChild);
-
-		btn_more.addEventListener('click', function() {
-			history.scrollTop = 0;
-			history.classList.add('loading');
-			f.lv_get_logs(room_id, is_user ? user_id : null, ref_id, is_after ? 0 : 10, is_after ? 10 : 0).then(function(data) {
-				history.removeChild(btn_more);
-				history.classList.remove('loading');
-
-				var messages = is_after ? data.after : data.before,
-					last_message = history.querySelector('.chat-line:' + (is_after ? 'last' : 'first') + '-of-type'),
-					last_date = last_message ? last_message.getAttribute('data-date') : (new Date).toLocaleDateString();
-
-				if ( last_message.classList.contains('timestamp-line') )
-					last_message.parentElement.removeChild(last_message);
-
-				if ( ! is_after )
-					messages.reverse();
-
-				var original_message = history.querySelector('.original-msg'),
-					original_sender = original_message && original_message.getAttribute('data-sender');
-
-				for(var i=0; i < messages.length; i++) {
-					var new_message = messages[i],
-						date = new_message.date.toLocaleDateString(),
-						date_line = null;
-
-					new_message.original_sender = original_sender === new_message.from;
-
-					var new_line = f._build_mod_card_history(
-							new_message, mod_card, !is_user,
-							FFZ.mod_card_pages.history.render_adjacent.bind(f, mod_card, el, new_message)
-						);
-
-					if ( is_user )
-						new_line.classList.remove('ffz-mentioned');
-
-					new_message.original_sender = null;
-
-					if ( last_date !== date ) {
-						date_line = utils.createElement('li', 'chat-line timestamp-line', is_after ? date : last_date);
-						date_line.setAttribute('data-date', is_after ? date : last_date);
-						last_date = date;
-						if ( is_after )
-							history.appendChild(date_line);
-						else
-							history.insertBefore(date_line, history.firstElementChild);
-					}
-
-					if ( is_after )
-						history.appendChild(new_line);
-					else
-						history.insertBefore(new_line, history.firstElementChild);
-				}
-
-				if ( ! is_after && last_date !== (new Date).toLocaleDateString() ) {
-					var date_line = utils.createElement('li', 'chat-line timestamp-line', last_date);
-					date_line.setAttribute('data-date', last_date);
-					history.insertBefore(date_line, history.firstElementChild);
-				}
-
-				// Only add the button back if there are even more messages to load.
-				if ( messages.length >= 10 )
-					if ( is_after )
-						history.appendChild(btn_more);
-					else
-						history.insertBefore(btn_more, history.firstElementChild);
-
-				var original = history.querySelector('.chat-line[data-lv-id="' + ref_id + '"]');
-				if ( original )
-					setTimeout(function() {
-						history.scrollTop = (original.offsetTop - history.offsetTop) - (history.clientHeight - original.clientHeight) / 2;
-					});
-
-				ref_id = messages[messages.length-1].lv_id;
-			});
-		})
-	},
-
-	render_adjacent: function(mod_card, el, message) {
-		var f = this,
-			controller = utils.ember_lookup('controller:chat'),
-			user_id = mod_card.get('cardInfo.user.id'),
-			room_id = controller && controller.get('currentRoom.id'),
-			ffz_room = this.rooms[room_id],
-
-			old_history = el.querySelector('.chat-history'),
-			history = el.querySelector('.adjacent-history');
-
-		old_history.classList.add('hidden');
-
-		if ( history )
-			history.innerHTML = '';
-		else {
-			var btn_hide = utils.createElement('li', 'button ffz-back-button', '<span class="ffz-chevron"></span> Back'),
-				btn_container = utils.createElement('ul', 'moderation-card__actions chat-history chat-back-button', btn_hide);
-
-			btn_hide.addEventListener('click', function() {
-				el.removeChild(history);
-				el.removeChild(btn_container);
-				old_history.classList.remove('hidden');
-			})
-
-			history = utils.createElement('ul', 'moderation-card__actions chat-history adjacent-history');
-			el.appendChild(btn_container);
-			el.appendChild(history);
-		}
-
-		history.classList.add('loading');
-
-		f.lv_get_logs(room_id, null, message.lv_id, 10, 10).then(function(data) {
-			history.classList.remove('loading');
-
-			// Should we display more?
-			if ( data.before.length >= 10 )
-				FFZ.mod_card_pages.history.render_more.call(
-					f, mod_card, el, history, data.before[0].lv_id, false, false);
-
-			var last_date = (new Date).toLocaleDateString(),
-				messages = _.union(data.before, [message], data.after);
-
-			for(var i=0; i < messages.length; i++) {
-				var new_message = messages[i],
-					date = new_message.date.toLocaleDateString();
-
-				if ( date !== last_date ) {
-					var date_line = utils.createElement('li', 'chat-line timestamp-line', date);
-					date_line.setAttribute('data-date', date);
-					history.appendChild(date_line);
-					last_date = date;
-				}
-
-				new_message.is_original = new_message.lv_id === message.lv_id;
-				new_message.original_sender = new_message.from === message.from;
-
-				var msg_line = f._build_mod_card_history(new_message, mod_card, true,
-					FFZ.mod_card_pages.history.render_adjacent.bind(f, mod_card, el, new_message));
-
-				if ( new_message.is_original )
-					msg_line.classList.remove('ffz-mentioned');
-
-				history.appendChild(msg_line);
-
-				// These objects can be persistent, so clear these.
-				new_message.is_original = null;
-				new_message.original_sender = null;
-			}
-
-			if ( data.after.length >= 10 )
-				FFZ.mod_card_pages.history.render_more.call(
-					f, mod_card, el, history, data.after[data.after.length-1].lv_id, false, true);
-
-			setTimeout(function() {
-				var original = history.querySelector('.original-msg');
-				if ( original )
-					history.scrollTop = (original.offsetTop - history.offsetTop) - (history.clientHeight - original.clientHeight) / 2;
-			})
-		});
-	},
-
-	render: function(mod_card, el) {
-		var f = this,
-			controller = utils.ember_lookup('controller:chat'),
-			user_id = mod_card.get('cardInfo.user.id'),
-			room_id = controller && controller.get('currentRoom.id'),
-			ffz_room = this.rooms[room_id],
-
-			history = utils.createElement('ul', 'moderation-card__actions chat-history lv-history');
-
-		el.appendChild(history);
-
-		// Are we relying on LogViewer here?
-		if ( ! ffz_room.has_logs || ! mod_card.lv_view ) {
-			history.innerHTML = '<li class="chat-line admin"><span class="message">You do not have permission to view chat history in this channel.</span></li>';
-			return;
-		}
-
-		// Start loading!
-		history.classList.add('loading');
-
-		mod_card.lvGetLogs().then(function(data) {
-			history.classList.remove('loading');
-
-			// Should we display more?
-			if ( data.before.length >= 10 )
-				FFZ.mod_card_pages.history.render_more.call(
-					f, mod_card, el, history, data.before[0].lv_id, true, false);
-
-			var last_date = (new Date).toLocaleDateString();
-
-			if ( ! data.before.length )
-				history.innerHTML = '<li class="message-line chat-line admin no-messages"><span class="message">(There are no logged messages to display.)</span></li>';
-
-			for(var i=0; i < data.before.length; i++) {
-				var message = data.before[i],
-					date = message.date.toLocaleDateString();
-
-				if ( date !== last_date ) {
-					var date_line = utils.createElement('li', 'chat-line timestamp-line', date);
-					date_line.setAttribute('data-date', date);
-					history.appendChild(date_line);
-					last_date = date;
-				}
-
-				var msg_line = f._build_mod_card_history(message, mod_card, false,
-					FFZ.mod_card_pages.history.render_adjacent.bind(f, mod_card, el, message));
-
-				msg_line.classList.remove('ffz-mentioned');
-				history.appendChild(msg_line);
-			}
-
-			FFZ.mod_card_pages.notes.update_counter(mod_card, data.comments.length)
-
-			history.scrollTop = history.scrollHeight;
-		});
-	}
-}
-
-FFZ.mod_card_pages.stats = {
-	title: "<span>S</span>tats",
-	render: function(mod_card, el) {
-		var f = this;
-
-		utils.render_update_list(this, this._sorted_blocks(FFZ.mod_stats_blocks), el, 'moderation-card__actions', true);
-	}
-};
-
-
-FFZ.mod_stats_blocks = {
-	basics: {
-		refresh: false,
-		type: 'list',
-
-		render: function() {
-			var f = this,
-				mod_card = this._mod_card,
-				user_id = mod_card.get('cardInfo.user._id'),
-				controller = utils.ember_lookup('controller:chat'),
-				room = controller && controller.get('currentRoom');
-
-			return new Promise(function(succeed, fail) {
-				var room_id = room.get('roomProperties._id'),
-					room_name = room.get('channel.display_name') || room.get('name');
-				if ( room.get('isGroupRoom') || ! room_id )
-					succeed([
-						['User ID', user_id]
-					]);
-
-				utils.api.get("users/" + user_id + "/follows/channels/" + room_id, null, {version: 5}).done(function(data) {
-					var now = Date.now() - (f._ws_server_offset || 0),
-						since = utils.parse_date(data.created_at),
-						age = Math.floor((now - since.getTime()) / 1000);
-
-					succeed([
-						['User ID', user_id],
-						['Follows ' + utils.sanitize(room_name), '<span class="html-tooltip" title="Since: ' + utils.quote_san(since.toLocaleString()) + '">' + utils.human_time(age, 10) + '</span>']
-					]);
-				}).fail(function() {
-					succeed([
-						['User ID', user_id],
-						['Does not follow ' + utils.sanitize(room_name), '']
-					]);
-				});
-			});
-		}
-	},
-
-	logviewer: {
-		refresh: 1000,
-		type: 'list',
-
-		render: function() {
-			var mod_card = this._mod_card,
-				controller = utils.ember_lookup('controller:chat'),
-				room_id = controller && controller.get('currentRoom.id'),
-				user_name = mod_card.get('cardInfo.user.id'),
-				ffz_room = this.rooms && this.rooms[room_id];
-
-			if ( ! ffz_room.has_logs || ! mod_card.lv_view )
-				return [];
-
-			return new Promise(function(succeed) {
-				mod_card.lvGetLogs().then(function(data) {
-					succeed([
-						['Messages', utils.number_commas(data.user.messages || 0)],
-						['Timeouts', utils.number_commas(data.user.timeouts || 0)],
-						['Bans', utils.number_commas(data.user.bans || 0)],
-						['Chat Log Source', '<a target="_blank" href="https://cbenni.com/' + utils.quote_attr(room_id) + '?user=' + utils.quote_attr(user_name) + '">CBenni\'s Logviewer</a>']
-					]);
-				})
-			});
-		}
-	}
-
-}
-
-
-FFZ.mod_card_pages.notes = {
-	title: "<span>N</span>otes",
-	needs_lv: true,
-
-	update_counter: function(mod_card, count) {
-		var el = mod_card.get('element'),
-			notes_tab = el && el.querySelector('.moderation-card__actions [data-page=notes]');
-
-		if ( notes_tab )
-			notes_tab.innerHTML = FFZ.mod_card_pages.notes.title +
-				(count > 0 ? ' <div class="pill">' + utils.number_commas(count) + '</div>' : '');
-	},
-
-	add_note: function(mod_card, el, note, history, last_line, do_scroll) {
-		if ( ! history )
-			history = el.querySelector('.chat-history.user-notes');
-
-		if ( ! history )
-			return;
-
-		if ( ! last_line )
-			last_line = history.querySelector('.chat-line:last-of-type');
-
-		var was_at_bottom = do_scroll ? history.scrollTop >= (history.scrollHeight - history.clientHeight) : false,
-			last_date = last_line ? last_line.getAttribute('data-date') : (new Date).toLocaleDateString();
-
-		if ( last_line && last_line.classList.contains('no-messages') ) {
-			last_line.parentElement.removeChild(last_line);
-			last_line = null;
-		}
-
-		var output = FFZ.mod_card_pages.notes.build_note.call(this, mod_card, note),
-			date = output.getAttribute('data-date');
-
-		if ( last_date !== date ) {
-			var date_line = utils.createElement('li', 'chat-line timestamp-line', date);
-			date_line.setAttribute('data-date', date);
-			history.appendChild(date_line);
-		}
-
-		history.appendChild(output);
-		FFZ.mod_card_pages.notes.update_counter(mod_card, history.querySelectorAll(".message-line").length);
-
-		if ( was_at_bottom )
-			setTimeout(function() { history.scrollTop = history.scrollHeight });
-
-		return output;
-	},
-
-	build_note: function(mod_card, note) {
-		var f = this,
-			controller = utils.ember_lookup('controller:chat'),
-			room = controller && controller.get('currentRoom'),
-			user = this.get_user(),
-			tmiSession = room.tmiSession || (window.TMI && TMI._sessions && TMI._sessions[0]),
-
-			message = {
-				date: new Date(note.added * 1000),
-				from: note.author,
-				room: note.channel,
-				lv_id: note.id,
-				message: note.text,
-				tags: {
-					'display-name': FFZ.get_capitalization(note.author)
-				},
-				color: tmiSession && note.author ? tmiSession.getColor(note.author) : "#755000"
-			};
-
-		this.tokenize_chat_line(message, true, false);
-
-		var can_edit = false, // mod_card.lv_write_notes && user && user.login === message.from,
-			can_delete = mod_card.lv_delete_notes || (user && user.login === message.from),
-			can_mod = can_edit || can_delete;
-
-		var output = this._build_mod_card_history(message, mod_card, true, false, can_mod);
-
-		if ( can_mod ) {
-			var mod_icons = output.querySelector('.mod-icons');
-			if ( can_delete ) {
-				var btn_delete = utils.createElement('a', 'mod-icon html-tooltip delete-note', 'Delete');
-				btn_delete.title = 'Delete Note';
-				mod_icons.appendChild(btn_delete);
-
-				btn_delete.addEventListener('click', function(e) {
-					if ( e.ctrlKey || e.metaKey || e.altKey || btn_delete.classList.contains('loading') )
-						return;
-
-					btn_delete.classList.add('loading');
-
-					f.lv_get_token().then(function(token) {
-						utils.logviewer.del("comments/" + note.channel + "?id=" + note.id, token)
-							.then(function(resp) {
-								btn_delete.classList.remove('loading');
-								if ( resp.ok )
-									mod_card.lvOnMessage("comment-delete", note);
-								else
-									alert("An error occured deleting this note.");
-							}).catch(function() {
-								btn_delete.classList.remove('loading');
-								alert("An error occured deleting this note.");
-							});
-
-					}).catch(function() {
-						btn_delete.classList.remove('loading');
-						alert("An error occured deleting this note.");
-					})
-
-					e.preventDefault();
-					e.stopPropagation();
-				});
-			}
-
-			/*if ( can_edit ) {
-				var btn_edit = utils.createElement('a', 'mod-icon html-tooltip edit-note', 'Edit');
-				btn_edit.title = 'Edit Note';
-				mod_icons.appendChild(btn_edit);
-			}*/
-		}
-
-		return output;
-	},
-
-	render: function(mod_card, el) {
-		var f = this,
-			controller = utils.ember_lookup('controller:chat'),
-			room = controller && controller.get('currentRoom'),
-			tmiSession = room.tmiSession || (window.TMI && TMI._sessions && TMI._sessions[0]),
-
-			room_id = room && room.get('id'),
-			user_id = mod_card.get('cardInfo.user.id'),
-
-			ffz_room = this.rooms[room_id],
-			history = utils.createElement('ul', 'moderation-card__actions chat-history user-notes');
-
-		el.appendChild(history);
-
-		if ( ! ffz_room.has_logs || ! mod_card.lv_view_notes ) {
-			history.innerHTML = '<li class="chat-line admin"><span class="message">You do not have permission to view notes in this channel.</span></li>';
-			return;
-		}
-
-		history.classList.add('loading');
-
-		this.lv_get_token().then(function(token) {
-			utils.logviewer.get("comments/" + room_id + "?topic=" + user_id, token)
-					.then(utils.json).then(function(data) {
-
-				//f.log("[LV] Comments: " + user_id + " in " + room_id, data);
-				history.classList.remove('loading');
-
-				// We want to listen to get new notes for this user.
-				mod_card._lv_sock_room = room_id;
-				mod_card._lv_sock_user = user_id;
-				f.lv_ws_sub('logs-' + room_id + '-' + user_id);
-
-				FFZ.mod_card_pages.notes.update_counter(mod_card, data.length);
-
-				if ( data.length ) {
-					var last_line = null;
-					for(var i=0; i < data.length; i++)
-						last_line = FFZ.mod_card_pages.notes.add_note.call(f, mod_card, el, data[i], history, last_line, false);
-				}
-
-				else
-					history.appendChild(utils.createElement('li', 'chat-line message-line admin no-messages',
-						'<span class="message">There are no notes on this user.</span>'));
-			});
-		});
-
-		if ( mod_card.lv_write_notes ) {
-			var textarea = utils.createElement('textarea', 'chat_text_input mousetrap form__input note-text-input'),
-				note_container = utils.createElement('div', 'moderation-card__actions textarea-contain note-input', textarea),
-				btn_submit = utils.createElement('a', 'button float-right', 'Add Note'),
-				btn_container = utils.createElement('div', 'chat-buttons-container clearfix', btn_submit),
-
-			submit_note = function() {
-				if ( note_container.classList.contains('loading') )
-					return;
-
-				var comment = textarea.value.trim();
-				if ( ! comment.length )
-					return;
-
-				note_container.classList.add('loading');
-				textarea.disabled = btn_submit.disabled = true;
-
-				f.lv_get_token().then(function(token) {
-					utils.logviewer.post("comments/" + room_id, null, {
-						headers: {
-							'Content-Type': 'application/json;charset=UTF-8'
-						},
-						body: JSON.stringify({
-							comment: {
-								topic: user_id,
-								text: comment
-							},
-							token: token
-						})
-					}).then(function(resp) {
-						note_container.classList.remove('loading');
-						textarea.disabled = btn_submit.disabled = false;
-						textarea.value = '';
-
-						if ( resp.ok )
-							textarea.placeholder = 'The note was posted successfully. Write another note...';
-						else
-							alert("An error occured posting this note.");
-
-					}).catch(function() {
-						note_container.classList.remove('loading');
-						textarea.disabled = btn_submit.disabled = false;
-						alert("An error occured posting this note.");
-					});
-
-				}).catch(function() {
-					note_container.classList.remove('loading');
-					textarea.disabled = btn_submit.disabled = false;
-					alert("An error occured posting this note.");
-				})
-
-			};
-
-			textarea.placeholder = 'Write a note about ' + user_id + '...';
-
-			btn_submit.addEventListener('click', submit_note);
-			note_container.appendChild(btn_container);
-			el.appendChild(note_container);
-		}
-	}
-}
-
-FFZ.mod_card_pages.name_history = {
-	title: "Name Histor<span>y</span>",
-
-	render: function(mod_card, el) {
-		var f = this,
-			user_id = mod_card.get('cardInfo.user._id'),
-
-			history = utils.createElement('ul', 'moderation-card__actions chat-history lv-history');
-
-		el.appendChild(history);
-
-		// Start loading!
-		history.classList.add('loading');
-
-		f.ws_send("get_name_history", user_id, function(success, data) {
-			history.classList.remove('loading');
-
-			if ( success ) {
-				for(var i=0; i < data.length; i++) {
-					var changed_at = data[i][0] && utils.parse_date(data[i][0]),
-						changed = changed_at ?
-							(Date.now() - changed_at.getTime()) > 86400000 ?
-								changed_at.toLocaleDateString() :
-								changed_at.toLocaleTimeString()
-							:
-							i === 0 ? 'Initial' : 'Unknown';
-
-					history.appendChild(utils.createElement('li', 'chat-line message-line admin no-messages',
-						'<span class="timestamp html-tooltip" title="' + (changed_at ? utils.quote_san(changed_at.toLocaleString()) : '') + '">' + utils.sanitize(changed) + ':</span>' +
-						'<span class="message">' + utils.sanitize(data[i][1]) + '</span>'));
-				}
-			} else
-				history.appendChild(utils.createElement('li', 'chat-line message-line admin no-messages',
-						'<span class="message">Unable to load username history for this user.</span>'));
-		});
-	}
-}
\ No newline at end of file
diff --git a/src/ui/menu.js b/src/ui/menu.js
deleted file mode 100644
index 4eab55ab..00000000
--- a/src/ui/menu.js
+++ /dev/null
@@ -1,850 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	constants = require('../constants'),
-	utils = require('../utils'),
-
-	IS_OSX = constants.IS_OSX,
-
-	reported_sets = [],
-
-	fix_menu_position = function(container) {
-		var swapped = document.body.classList.contains('ffz-sidebar-swap') && ! document.body.classList.contains('ffz-portrait');
-
-		var bounds = container.children[0].getBoundingClientRect(),
-			left = parseInt(container.style.left || '0'),
-			right = bounds.left + bounds.width,
-			moved = !!container.style.left;
-
-		if ( swapped ) {
-			if ( bounds.left < 20 ) {
-				container.style.left = '';
-				moved = false;
-			} else if ( right > document.body.clientWidth )
-				container.style.left = (left - (right - document.body.clientWidth)) + 'px';
-
-		} else {
-			if ( bounds.left < 0 )
-				container.style.left = (left - bounds.left) + 'px';
-			else if ( right > (document.body.clientWidth - 20) ) {
-				container.style.left = '';
-				moved = false;
-			}
-		}
-
-		container.classList.toggle('ui-moved', moved);
-	};
-
-
-// --------------------
-// Initializer
-// --------------------
-
-FFZ.prototype.setup_menu = function() {
-	document.body.classList.toggle("ffz-menu-replace", this.settings.replace_twitch_menu);
-
-	// Add FFZ to the chat settings menu.
-	this.update_views('component:chat/chat-settings-menu', this.modify_chat_settings_menu);
-
-	// Maximum Menu Height
-	var Layout = utils.ember_lookup('service:layout');
-	if ( Layout )
-		Layout.addObserver('windowHeight', function() {
-			var el = document.querySelector('.ember-chat .chat-settings');
-			if ( el )
-				el.style.maxHeight = (Layout.get('windowHeight') - 90) + 'px';
-		});
-
-}
-
-
-FFZ.prototype.modify_chat_settings_menu = function(component) {
-	var f = this,
-		Layout = utils.ember_lookup('service:layout');
-
-	utils.ember_reopen_view(component, {
-		ffz_init: function() {
-			var view = this,
-				el = this.get('element');
-
-			var container = utils.createElement('div', ''),
-				header = utils.createElement('div', 'list-header', 'FrankerFaceZ'),
-				content = utils.createElement('div', 'chat-menu-content'),
-				p, cb, a;
-
-			// Dark Twitch
-			p = document.createElement('p');
-			p.className = 'no-bttv';
-			cb = document.createElement('input');
-			cb.type = "checkbox";
-			cb.className = "ember-checkbox ffz-setting-dark-twitch";
-			cb.checked = f.settings.dark_twitch;
-			p.appendChild(cb);
-			p.appendChild(document.createTextNode("Dark Twitch"));
-			content.appendChild(p);
-
-			cb.addEventListener("change", function(e) {
-				f.settings.set("dark_twitch", this.checked);
-				if ( this.checked && localStorage.getItem('ffz_setting_dark_no_blue') === null )
-					f.settings.set("dark_no_blue", true);
-			});
-
-
-			// Channel Hosting
-			p = document.createElement('p');
-			//p.className = 'no-bttv';
-			cb = document.createElement('input');
-			cb.type = "checkbox";
-			cb.className = "ember-checkbox ffz-setting-hosted-channels";
-			cb.checked = f.settings.hosted_channels;
-			p.appendChild(cb);
-			p.appendChild(document.createTextNode("Channel Hosting"));
-			content.appendChild(p);
-
-			cb.addEventListener("change", function(e) {
-				f.settings.set("hosted_channels", this.checked);
-			});
-
-
-			// More Settings
-			p = document.createElement('p');
-			a = document.createElement('a');
-			a.href = '#';
-			a.innerHTML = 'More Settings';
-			p.appendChild(a);
-			content.appendChild(p);
-
-			a.addEventListener('click', function(e) {
-				view.set('isHidden', true);
-				f._last_page = 'settings';
-				f.build_ui_popup(f._chatv);
-				e.stopPropagation();
-				return false;
-			});
-
-			container.appendChild(header);
-			container.appendChild(content);
-
-			container.classList.toggle('hidden', this.get('showDisplaySettings'));
-			el.appendChild(container);
-			this.ffz_menu = container;
-
-			// Maximum Height
-			if ( Layout && el )
-				el.style.maxHeight = (Layout.get('windowHeight') - 90) + 'px';
-		},
-
-		ffz_update_visibility: function() {
-			if ( this.ffz_menu )
-				this.ffz_menu.classList.toggle('hidden', this.get('showDisplaySettings'));
-		}.observes('showDisplaySettings'),
-
-		ffz_destroy: function() {
-			if ( this.ffz_menu ) {
-				this.ffz_menu.parentElement.removeChild(this.ffz_menu);
-				this.ffz_menu = null;
-			}
-		}
-	});
-}
-
-
-FFZ.menu_pages = {};
-
-
-// --------------------
-// Create Menu
-// --------------------
-
-FFZ.prototype._fix_menu_position = function() {
-	var container = document.querySelector('#ffz-chat-menu');
-	if ( container )
-		fix_menu_position(container);
-}
-
-FFZ.prototype.build_ui_popup = function(view) {
-	var popup = this._popup ? this.close_popup() : this._last_popup;
-	if ( popup && popup.id === 'ffz-chat-menu' )
-		return;
-
-	// Start building the DOM.
-	var container = document.createElement('div'),
-		inner = document.createElement('div'),
-		menu = document.createElement('ul');
-
-	container.className = 'emoticon-selector chat-menu ffz-ui-popup';
-	container.id = 'ffz-chat-menu';
-	inner.className = 'emoticon-selector-box dropmenu';
-	container.appendChild(inner);
-
-	// Menu Container
-	var sub_container = document.createElement('div');
-	sub_container.className = 'ffz-ui-menu-page';
-
-	inner.appendChild(sub_container);
-
-	// Render Menu Tabs
-	menu.className = 'menu clearfix';
-	inner.appendChild(menu);
-
-	var heading = document.createElement('li');
-	heading.className = 'title';
-	heading.innerHTML = '<span class="title">Franker' + (constants.DEBUG ? 'Dev' : 'Face') + 'Z</span>';
-
-	// Close Button
-	var close_btn = document.createElement('span'),
-		f = this;
-
-	close_btn.className = 'ffz-handle ffz-close-button';
-	heading.insertBefore(close_btn, heading.firstChild);
-
-	var can_close = false;
-	close_btn.addEventListener('mousedown', function() {
-		var popup = f._popup;
-		can_close = popup && popup.id === "ffz-chat-menu" && popup.style.left;
-	});
-
-	close_btn.addEventListener('click', function() {
-		var popup = f._popup;
-		if ( can_close && popup )
-			f.close_popup();
-	});
-
-	menu.appendChild(heading);
-
-	// Draggable
-	jQuery(container).draggable({
-		handle: menu, cancel: 'li.item', axis:"x",
-		stop: function(e) { fix_menu_position(this); }
-		});
-
-	// Get rid of the position: relative that draggable adds.
-	container.style.position = '';
-
-	var menu_pages = [];
-	for(var key in FFZ.menu_pages) {
-		if ( ! FFZ.menu_pages.hasOwnProperty(key) )
-			continue;
-
-		var page = FFZ.menu_pages[key];
-		try {
-			if ( !page || (page.hasOwnProperty("visible") && (!page.visible || (typeof page.visible == "function" && !page.visible.call(this, view)))) )
-				continue;
-		} catch(err) {
-			this.error("menu_pages " + key + " visible: " + err);
-			continue;
-		}
-
-		menu_pages.push([page.sort_order || 0, key, page]);
-	}
-
-	menu_pages.sort(function(a,b) {
-		if ( a[0] < b[0] ) return 1;
-		else if ( a[0] > b[0] ) return -1;
-
-		var al = a[1].toLowerCase(),
-			bl = b[1].toLowerCase();
-
-		if ( al < bl ) return 1;
-		if ( al > bl ) return -1;
-		return 0;
-	});
-
-	for(var i=0; i < menu_pages.length; i++) {
-		var key = menu_pages[i][1],
-			page = menu_pages[i][2],
-			el = document.createElement('li'),
-			link = document.createElement('a');
-
-		el.className = 'item' + (page.sub_menu || page.pages ? ' has-sub-menu' : '');
-		el.id = "ffz-menu-page-" + key;
-		link.title = page.name;
-		link.innerHTML = page.icon;
-
-		jQuery(link).zipsy({gravity: utils.newtip_placement(constants.TOOLTIP_DISTANCE, 'n')});
-
-		link.addEventListener("click", this._ui_change_page.bind(this, view, inner, menu, sub_container, key));
-
-		el.appendChild(link);
-		menu.appendChild(el);
-	}
-
-	// Add the menu to the DOM.
-	sub_container.style.maxHeight = Math.max(200, view.$().height() - 172) + "px";
-	view.$('.chat-interface').append(container);
-
-	// Keep track of the pop-up.
-	this._popup = container;
-	this._popup_allow_parent = true;
-
-	// Render Current Page
-	var page = (this._last_page || "channel").split("_", 1)[0];
-	this._ui_change_page(view, inner, menu, sub_container, page);
-}
-
-
-FFZ.prototype._ui_change_subpage = function(view, inner, menu, container, subpage) {
-	var page = this._last_page,
-		last_subpages = this._last_subpage = this._last_subpage || {};
-
-	last_subpages[page] = subpage;
-
-	container.innerHTML = "";
-	container.setAttribute('data-page', subpage);
-
-	// Get the data structure for this page.
-	var page_data = FFZ.menu_pages[page],
-		data = page_data.pages[subpage];
-
-	// Render the page first. If there's an error, it won't update the other UI stuff.
-	data.render.call(this, view, container, inner, menu);
-
-	// Make sure the correct menu tab is selected
-	jQuery('li.active', menu).removeClass('active');
-	jQuery('#ffz-menu-page-' + page + '-subpage-' + subpage, menu).addClass('active');
-
-	// Apply wideness - TODO: Revamp wide menus entirely for thin containers
-	var is_wide = false,
-		app = document.querySelector(".app-main") || document.querySelector(".ember-chat-container");
-
-	if ( data.hasOwnProperty('wide') )
-		is_wide = data.wide || (typeof data.wide === "function" && data.wide.call(this));
-	else if ( page_data.hasOwnProperty('wide') )
-		is_wide = page_data.wide || (typeof page_data.wide === "function" && page_data.wide.call(this));
-
-	var is_dash = is_wide && jQuery(menu).parents('.chat-container').hasClass('dash-chat');
-	inner.style.maxWidth = is_wide ? (is_dash ? 380 : (app.offsetWidth < 640 ? (app.offsetWidth-40) : 600)) + "px" : "";
-
-	// Re-position if necessary.
-	var f = this;
-	setTimeout(function(){f._fix_menu_position();});
-}
-
-
-FFZ.prototype._ui_change_page = function(view, inner, menu, container, page) {
-	this._last_page = page;
-	container.innerHTML = "";
-	container.setAttribute('data-page', page);
-
-	// Get the data structure for the new page.
-	var data = FFZ.menu_pages[page];
-
-	// See if we're dealing with a sub-menu situation.
-	if ( data.pages ) {
-		// We need to render the sub-menu, and then call the _ui_change_sub_page method
-		// to render the sub-page.
-		var submenu = document.createElement('ul'),
-			subcontainer = document.createElement('div'),
-
-			height = parseInt(container.style.maxHeight || '0');
-
-		if ( ! height )
-			height = Math.max(200, view.$().height() - 172);
-
-		if ( height && ! Number.isNaN(height) ) {
-			height -= 37;
-			subcontainer.style.maxHeight = height + 'px';
-		}
-
-		submenu.className = 'menu sub-menu clearfix';
-		subcontainer.className = 'ffz-ui-sub-menu-page';
-
-		// Building Tabs
-		var subpages = [];
-		for(var key in data.pages) {
-			var subpage = data.pages[key];
-			try {
-				if ( ! subpage || (subpage.hasOwnProperty("visible") && (!subpage.visible || (typeof subpage.visible == "function" && !subpage.visible.call(this, view)))) )
-					continue;
-			} catch(err) {
-				this.error("menu_pages " + page + " subpage " + key + " visible: " + err);
-				continue;
-			}
-
-			subpages.push([subpage.sort_order || 0, key, subpage]);
-		}
-
-		subpages.sort(function(a,b) {
-			if ( a[0] < b[0] ) return -1;
-			else if ( a[0] > b[0] ) return 1;
-
-			var al = a[1].toLowerCase(),
-				bl = b[1].toLowerCase();
-
-			if ( al < bl ) return -1;
-			if ( al > bl ) return 1;
-			return 0;
-		});
-
-		for(var i=0; i < subpages.length; i++) {
-			var key = subpages[i][1],
-				subpage = subpages[i][2],
-				tab = document.createElement('li'),
-				link = document.createElement('a');
-
-			tab.className = 'item';
-			tab.id = 'ffz-menu-page-' + page + '-subpage-' + key;
-			link.innerHTML = subpage.name;
-			link.addEventListener('click', this._ui_change_subpage.bind(this, view, inner, submenu, subcontainer, key));
-
-			tab.appendChild(link);
-			submenu.appendChild(tab);
-		}
-
-		// Add this to the container.
-		container.appendChild(subcontainer);
-		container.appendChild(submenu);
-
-		// Activate a Tab
-		var last_subpages = this._last_subpage = this._last_subpage || {},
-			last_subpage = last_subpages[page] = last_subpages[page] || data.default_page || subpages[0][1];
-
-		if ( typeof last_subpage === "function" )
-			last_subpage = last_subpage.call(this);
-
-		this._ui_change_subpage(view, inner, submenu, subcontainer, last_subpage);
-
-		// Make sure the correct menu tab is selected
-		jQuery('li.active', menu).removeClass('active');
-		jQuery('#ffz-menu-page-' + page, menu).addClass('active');
-
-		return;
-	}
-
-	// Render the page first. If there's an error, it won't update the other UI stuff.
-	data.render.call(this, view, container, inner, menu);
-
-	// Make sure the correct menu tab is selected
-	jQuery('li.active', menu).removeClass('active');
-	jQuery('#ffz-menu-page-' + page, menu).addClass('active');
-
-	// Apply wideness - TODO: Revamp wide menus entirely for thin containers
-	var is_wide = data.wide || (typeof data.wide === "function" && data.wide.call(this)),
-		app = document.querySelector(".app-main") || document.querySelector(".ember-chat-container");
-
-	inner.style.maxWidth = is_wide ? (app.offsetWidth < 640 ? (app.offsetWidth-40) : 600) + "px" : "";
-
-	// Re-position if necessary.
-	var f = this;
-	setTimeout(function(){f._fix_menu_position();});
-}
-
-
-// --------------------
-// Channel Page
-// --------------------
-
-FFZ.menu_pages.channel = {
-	render: function(view, inner) {
-			// Get the current room.
-			var controller = utils.ember_lookup('controller:chat'),
-				room_id = controller.get('currentRoom.id'),
-				room = this.rooms[room_id],
-				has_product = false,
-				f = this;
-
-			// Check for a product.
-			if ( this.settings.replace_twitch_menu ) {
-				var product = room.room.get("product");
-				if ( product && !product.get("error") ) {
-					// We have a product, and no error~!
-					has_product = true;
-					var Ticket = utils.ember_resolve('model:ticket'),
-						tickets = Ticket && Ticket.find('user', {channel: room_id}),
-						subbed_products = _.pluck(tickets && tickets.get('content') || [], 'product'),
-						subbed_plans = _.pluck(subbed_products, 'short_name'),
-						subbed_emote_sets = _.uniq(_.flatten(_.map(subbed_products, function(x) { return x.features.emoticon_set_ids }))),
-
-						is_subscribed = subbed_plans.length > 0,
-						is_loaded = tickets ? tickets.get('isLoaded') : false,
-						icon,
-
-						grid = document.createElement("div"),
-						header = document.createElement("div"),
-						c = 0;
-
-					// See if we've loaded. If we haven't loaded the ticket yet
-					// then try loading it, and then re-render the menu.
-					if ( tickets && ! is_subscribed && ! is_loaded ) {
-						tickets.addObserver('isLoaded', function() {
-							setTimeout(function(){
-								if ( inner.getAttribute('data-page') !== 'channel' )
-									return;
-
-								inner.innerHTML = '';
-								FFZ.menu_pages.channel.render.bind(f)(view, inner);
-							},0);
-
-						});
-
-						tickets.load();
-					}
-
-					// Null-conditional try/catch
-					try {
-						icon = room.badges.subscriber.versions[0].image_url_1x;
-					} catch(err) { }
-
-					grid.className = "emoticon-grid top-set";
-					header.className = "heading";
-					if ( icon ) {
-						header.style.backgroundImage = 'url("' + icon + '")';
-						if ( icon.indexOf('.svg') !== -1 )
-							header.style.backgroundSize = '18px';
-					}
-
-					header.innerHTML = '<span class="right">Twitch</span>Subscriber Emoticons';
-					grid.appendChild(header);
-
-					var all_emotes = {},
-						plans = product.get("plans") || [],
-						pwe = 0;
-
-					if ( ! plans.length ) {
-						// If we have a product with no defined plans, fake a plan with the required
-						// information to keep our script happy.
-						plans.push({
-							name: product.name,
-							product_url: product.product_url,
-							price: product.price,
-
-							emoticon_set_ids: _.uniq(_.pluck(product.emoticons, 'emoticon_set')),
-							emoticons: product.emoticons
-						})
-					}
-
-					for(var i=0; i < plans.length; i++) {
-						var plan = plans[i],
-							emotes = plan.emoticons || [],
-							jm = emotes.length;
-
-						if ( jm > 0 )
-							pwe++;
-
-						for(var j = 0; j < jm; j++) {
-							var emote = emotes[j];
-							if ( emote.state !== "active" )
-								continue;
-
-							var ae = all_emotes[emote.regex] = all_emotes[emote.regex] || [];
-							ae.push([emote, i]);
-						}
-					}
-
-					for(var ek in all_emotes) {
-						var ems = all_emotes[ek];
-						for(var i=0, l = ems.length; i < l; i++) {
-							var emote = ems[i][0],
-								plan_idx = ems[i][1],
-								plan = plans[plan_idx],
-								s = utils.createElement('span', 'emoticon ffz-tooltip ffz-tooltip-no-credit'),
-
-								set_id = emote.emoticon_set,
-								can_use = ! emote.subscriber_only || subbed_emote_sets.indexOf(set_id) !== -1,
-								img_set = utils.build_srcset(emote.id);
-
-							if ( ! can_use ) {
-								s.classList.add('locked');
-								s.dataset.sellout = 'Subscribe for ' + utils.sanitize(plan.price) + ' to unlock <nobr>this emote.</nobr>';
-							}
-
-							if ( set_id ) {
-								var faves = this.settings.favorite_emotes["twitch-" + set_id];
-								s.classList.add('ffz-can-favorite');
-								if ( faves && faves.indexOf(emote.id) !== -1 )
-									s.classList.add('ffz-favorite');
-							}
-
-							s.dataset.plan = plan_idx;
-							s.dataset.emote = emote.id;
-							s.dataset.set = set_id;
-							s.alt = emote.regex;
-
-							s.style.backgroundImage = 'url("' + constants.TWITCH_BASE + emote.id + '/1.0")';
-							s.style.backgroundImage = img_set;
-
-							s.style.width = (10 + emote.width) + "px";
-							s.style.height = (10 + emote.height) + "px";
-
-							s.addEventListener('click', function(can_use, emote_id, code, set_id, plan_idx, e) {
-								e.preventDefault();
-								if ( ( e.shiftKey || e.shiftLeft) && this.settings.clickable_emoticons )
-									window.open("https://twitchemotes.com/emote/" + emote_id);
-								else if ( can_use )
-									this._add_emote(view, code, "twitch-" + set_id, emote_id, e);
-								else {
-									var plan = plans[plan_idx],
-										url = plan && plan.product_url;
-									url && window.open(url);
-								}
-
-							}.bind(this, can_use, emote.id, emote.regex, set_id, plan_idx));
-
-							grid.appendChild(s);
-							c++;
-						}
-					}
-
-					if ( c > 0 ) {
-						inner.appendChild(grid);
-						var msg;
-
-						if ( ! is_loaded ) {
-							msg = 'Loading sub information...';
-
-						} else if ( ! is_subscribed && plans.length ) {
-							var sub_message = utils.createElement('div', null, 'Subscribe to unlock ' + (pwe === 1 ? utils.number_commas(c) : 'some') + ' Sub Emotes'),
-								sub_container = utils.createElement('div', 'mg-l-1 mg-r-1 align-center', sub_message),
-								had_prime = false,
-
-								filter_grid = function(price, sets) {
-									var kids = grid.querySelectorAll('.emoticon'),
-										count = 0;
-									for(var i=0, l = kids.length; i < l; i++) {
-										var emote = kids[i],
-											set_id = parseInt(emote.dataset.set),
-											would_unlock = sets ? sets.indexOf(set_id) !== -1 : false;
-
-										if ( would_unlock )
-											count++;
-
-										emote.classList.toggle('unlocked', would_unlock);
-									}
-
-									sub_message.textContent = price ?
-										'Subscribe for ' + price +
-											' to unlock ' + utils.number_commas(count) + ' Sub Emotes'
-										: sub_message.dataset.original;
-								};
-
-							sub_message.dataset.original = sub_message.textContent;
-
-							for(var i=0; i < plans.length; i++) {
-								var plan = plans[i],
-									btn = utils.createElement('a', 'ffz-sub-button button mg-t-1', utils.sanitize(plan.price));
-
-								sub_container.appendChild(btn);
-
-								btn.href = plan.product_url;
-								btn.target = '_blank';
-								btn.rel = 'noopener noreferrer';
-
-								btn.addEventListener('mouseover', filter_grid.bind(this, plan.price, plan.emoticon_set_ids));
-								btn.addEventListener('mouseout', filter_grid.bind(this, null, null));
-							}
-
-							inner.appendChild(sub_container);
-
-						} else if ( plans.length ) {
-							// We are subscribed. Check to see if the subscription will expire.
-							var content = tickets.get('content.lastObject'),
-								pp = content && content.purchase_profile,
-								ends_at = content && utils.parse_date(content.access_end);
-
-							if ( pp && ends_at ) {
-								var now = Date.now() - (this._ws_server_offset || 0),
-									end_time = ends_at ? Math.floor((ends_at.getTime() - now) / 1000) : null,
-
-									provider = pp.payment_provider,
-									renews = pp.will_renew;
-
-								msg = 'Subscription ' + (renews ? 'renews' : 'expires') +
-									' in ' + utils.time_to_string(end_time, true, true);
-							}
-						}
-
-						if ( msg ) {
-							var sub_message = utils.createElement('div', null, msg),
-								sub_container = utils.createElement('div', 'mg-l-1 mg-r-1 align-center', sub_message);
-
-							inner.appendChild(sub_container);
-						}
-					}
-				}
-			}
-
-			// Do we have extra sets?
-			var extra_sets = _.union(room && room.extra_sets || [], room && room.ext_sets || [], []);
-
-			// Basic Emote Sets
-			this._emotes_for_set(inner, view, room && room.set, (this.feature_friday || has_product || extra_sets.length ) ? "Channel Emoticons" : null, (room && room.moderator_badge) || "//cdn.frankerfacez.com/script/devicon.png", "FrankerFaceZ", ! has_product && extra_sets.length);
-
-			for(var i=0; i < extra_sets.length; i++) {
-				// Look up the set name.
-				var set = this.emote_sets[extra_sets[i]],
-					name = set ? (set.hasOwnProperty('source_ext') ? "" : "Featured ") + set.title : "Featured Channel";
-
-				if ( ! set || ! set.count || set.hidden )
-					continue;
-
-				this._emotes_for_set(inner, view, extra_sets[i], name, set.icon || "//cdn.frankerfacez.com/script/devicon.png", set.source || "FrankerFaceZ");
-			}
-
-			// Feature Friday!
-			this._feature_friday_ui(room_id, inner, view);
-		},
-
-	name: "Channel",
-	icon: constants.ZREKNARF
-	};
-
-
-// --------------------
-// Emotes for Sets
-// --------------------
-
-FFZ.prototype._emotes_for_set = function(parent, view, set_id, header, image, sub_text, top_set) {
-	var grid = document.createElement('div'), c = 0, f = this,
-		set = this.emote_sets[set_id];
-
-	grid.className = 'emoticon-grid';
-	if ( top_set )
-		grid.classList.add('top-set');
-
-	if ( header != null ) {
-		var el_header = document.createElement('div');
-		el_header.className = 'heading';
-
-		if ( sub_text ) {
-			var s = document.createElement("span");
-			s.className = "right";
-			s.appendChild(document.createTextNode(sub_text));
-			el_header.appendChild(s);
-		}
-
-		el_header.appendChild(document.createTextNode(header));
-
-		if ( image ) {
-			el_header.style.backgroundImage = 'url("' + image + '")';
-			if ( image.indexOf('.svg') !== -1 )
-				el_header.style.backgroundSize = '18px';
-		}
-
-		grid.appendChild(el_header);
-	}
-
-	var emotes = [];
-	if ( set && set.emoticons )
-		for(var eid in set.emoticons) {
-			if ( ! set.emoticons.hasOwnProperty(eid) || set.emoticons[eid].hidden )
-				continue;
-
-			emotes.push(set.emoticons[eid]);
-		}
-
-	// Sort the emotes!
-	emotes.sort(function(a,b) {
-		var an = a.name.toLowerCase(),
-			bn = b.name.toLowerCase();
-
-		if ( an < bn ) return -1;
-		else if ( an > bn ) return 1;
-		return 0;
-	});
-
-	// Favoriting Info
-	var favorite_key = set ? 'ffz-' + (set.hasOwnProperty('source_ext') ? 'ext-' + set.source_ext + '-' + set.source_id : set.id) : undefined,
-		favorites = this.settings.favorite_emotes[favorite_key] || [];
-
-	for(var i=0; i < emotes.length; i++) {
-		var emote = emotes[i], srcset = null;
-
-		if ( emote.urls[2] || emote.urls[4] ) {
-			srcset = 'url("' + emote.urls[1] + '") 1x';
-			if ( emote.urls[2] )
-				srcset += ', url("' + emote.urls[2] + '") 2x';
-			if ( emote.urls[4] )
-				srcset += ', url("' + emote.urls[4] + '") 4x';
-		}
-
-		c++;
-		var s = document.createElement('span');
-		s.className = 'emoticon ffz-tooltip ffz-can-favorite';
-		if ( favorites.indexOf(emote.id) !== -1 )
-			s.classList.add('ffz-favorite');
-
-		s.setAttribute('data-ffz-emote', emote.id);
-		s.setAttribute('data-ffz-set', set.id);
-
-		s.style.backgroundImage = 'url("' + emote.urls[1] + '")';
-
-		if ( srcset ) {
-			var img_set = 'image-set(' + srcset + ')';
-			s.style.backgroundImage = '-webkit-' + img_set;
-			s.style.backgroundImage = '-moz-' + img_set;
-			s.style.backgroundImage = '-ms-' + img_set;
-			s.style.backgroundImage = img_set;
-		}
-
-		s.style.width = (10+emote.width) + "px";
-		s.style.height = (10+emote.height) + "px";
-
-		s.addEventListener('click', function(id, code, e) {
-			e.preventDefault();
-			if ( (e.shiftKey || e.shiftLeft) && f.settings.clickable_emoticons ) {
-				var url;
-				if ( set.hasOwnProperty('source_ext') ) {
-					var api = f._apis[set.source_ext];
-					if ( api && api.emote_url_generator )
-						url = api.emote_url_generator(set.source_id, id);
-				} else
-					url = "https://www.frankerfacez.com/emoticon/" + id;
-				if ( url )
-					window.open(url);
-			} else
-				this._add_emote(view, code, favorite_key, id, e);
-		}.bind(this, emote.id, emote.name));
-
-		grid.appendChild(s);
-	}
-
-	if ( !c ) {
-		grid.innerHTML += "This channel has no emoticons.";
-		grid.className = "emoticon-grid ffz-no-emotes center";
-	}
-
-	parent.appendChild(grid);
-}
-
-
-FFZ.prototype._add_emote = function(view, emote, favorites_set, favorites_key, event) {
-	if ( event && ((!IS_OSX && event.ctrlKey) || (IS_OSX && event.metaKey)) ) {
-		var el = event.target;
-		if ( ! el.classList.contains('locked') && el.classList.contains('ffz-can-favorite') && favorites_set && favorites_key ) {
-			var favs = this.settings.favorite_emotes[favorites_set] = this.settings.favorite_emotes[favorites_set] || [],
-				is_favorited = favs.indexOf(favorites_key) !== -1;
-
-			if ( is_favorited )
-				favs.removeObject(favorites_key);
-			else
-				favs.push(favorites_key);
-
-			this.settings.set("favorite_emotes", this.settings.favorite_emotes, true);
-			this._inputv && this._inputv.propertyDidChange('ffz_emoticons');
-
-			if ( el.classList.contains('ffz-is-favorite') && is_favorited ) {
-				jQuery(el).trigger('mouseout');
-				el.parentElement.removeChild(el);
-			} else
-				el.classList.toggle('ffz-favorite', ! is_favorited);
-		}
-		return;
-	}
-
-	var input_el, text, room;
-
-	if ( this.has_bttv_6 ) {
-		input_el = view.get('element').querySelector('textarea');
-		text = input_el.value;
-
-	} else {
-		var controller = utils.ember_lookup('controller:chat');
-		room = controller.get('currentRoom');
-		text = room.get('messageToSend') || '';
-	}
-
-	text += (text && text.substr(-1) !== " " ? " " : "")  + (emote.name || emote);
-
-	if ( input_el )
-		input_el.value = text;
-	else
-		room.set('messageToSend', text);
-}
\ No newline at end of file
diff --git a/src/ui/menu_button.js b/src/ui/menu_button.js
deleted file mode 100644
index 581ce0c5..00000000
--- a/src/ui/menu_button.js
+++ /dev/null
@@ -1,46 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	constants = require('../constants'),
-	utils = require('../utils');
-
-// --------------------
-// Initialization
-// --------------------
-
-FFZ.prototype.build_ui_link = function(view) {
-	var link = document.createElement('a');
-	link.className = 'ffz-ui-toggle';
-	link.innerHTML = constants.CHAT_BUTTON;
-
-	link.addEventListener('click', this.build_ui_popup.bind(this, view));
-
-	this.update_ui_link(link);
-	return link;
-}
-
-
-FFZ.prototype.update_ui_link = function(link) {
-	var controller = utils.ember_lookup('controller:chat');
-	link = link || document.querySelector('a.ffz-ui-toggle');
-	if ( !link || !controller )
-		return;
-
-	var room_id = controller.get('currentRoom.id'),
-		room = this.rooms[room_id],
-		has_emotes = false,
-
-		blue = (this.has_bttv_6 ? BetterTTV.settings.get('showBlueButtons') : false),
-		live = (this.feature_friday && this.feature_friday.live);
-
-
-	// Check for emoticons.
-	if ( room && room.set ) {
-		var set = this.emote_sets[room.set];
-		if ( set && set.count > 0 )
-			has_emotes = true;
-	}
-
-	link.classList.toggle('no-emotes', ! has_emotes);
-	link.classList.toggle('live', live);
-	link.classList.toggle('blue', blue);
-	//link.classList.toggle('news', this._has_news);
-}
\ No newline at end of file
diff --git a/src/ui/my_emotes.js b/src/ui/my_emotes.js
deleted file mode 100644
index a9f59f59..00000000
--- a/src/ui/my_emotes.js
+++ /dev/null
@@ -1,807 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	constants = require("../constants"),
-	utils = require("../utils"),
-
-	BANNED_SETS = {"00000turbo":true},
-	EXTRA_INVENTORY = ['33563'];
-
-
-// -------------------
-// Initialization
-// -------------------
-
-FFZ.basic_settings.replace_twitch_menu = {
-	type: "boolean",
-
-	category: "Chat",
-
-	name: "Unified Emoticons Menu",
-	help: "Completely replace the default Twitch emoticon menu and display global emoticons in the My Emoticons menu.",
-
-	get: function() {
-		return this.settings.replace_twitch_menu && this.settings.global_emotes_in_menu && this.settings.emoji_in_menu;
-	},
-
-	set: function(val) {
-		this.settings.set('replace_twitch_menu', val);
-		this.settings.set('global_emotes_in_menu', val);
-		this.settings.set('emoji_in_menu', val);
-	}
-};
-
-FFZ.settings_info.replace_twitch_menu = {
-	type: "boolean",
-	value: false,
-
-	category: "Chat Input",
-
-	name: "Replace Twitch Emoticon Menu",
-	help: "Completely replace the default Twitch emoticon menu.",
-
-	on_update: function(val) {
-			document.body.classList.toggle("ffz-menu-replace", val);
-		}
-	};
-
-
-FFZ.settings_info.global_emotes_in_menu = {
-	type: "boolean",
-	value: false,
-
-	category: "Chat Input",
-
-	name: "Display Global Emotes in My Emotes",
-	help: "Display the global Twitch emotes in the My Emoticons menu."
-	};
-
-
-FFZ.settings_info.emoji_in_menu = {
-	type: "boolean",
-	value: true,
-
-	category: "Chat Input",
-
-	name: "Display Emoji in My Emotes",
-	help: "Display the supported emoji images in the My Emoticons menu."
-	};
-
-
-FFZ.settings_info.emote_menu_collapsed = {
-	storage_key: "ffz_setting_my_emoticons_collapsed_sections",
-	value: [],
-	visible: false
-}
-
-
-FFZ.settings_info.favorite_emotes = {
-	value: {},
-	visible: false
-}
-
-
-FFZ.prototype.setup_my_emotes = function() {
-	var UserEmotes = utils.ember_lookup('service:user-emotes');
-	if ( UserEmotes ) {
-		this.modify_user_emotes(UserEmotes);
-		UserEmotes.ffzUpdateData();
-	}
-
-	this._twitch_badges = {};
-	this._twitch_badges["--inventory--"] = "//cdn.frankerfacez.com/script/inventory_icon.svg";
-	this._twitch_badges["--global--"] = "//cdn.frankerfacez.com/script/twitch_logo.png";
-	this._twitch_badges["--turbo-faces--"] = this._twitch_badges["turbo"] = "//cdn.frankerfacez.com/script/turbo_badge.png";
-	this._twitch_badges["--prime-faces--"] = this._twitch_badges["--prime--"] = "//cdn.frankerfacez.com/badges/twitch/premium/1/1.png";
-	this._twitch_badges["--curse--"] = "//cdn.frankerfacez.com/script/curse_logo.png";
-}
-
-
-FFZ.prototype.modify_user_emotes = function(service) {
-	var f = this;
-	service.reopen({
-		ffzUpdateData: function() {
-			var emotes = (this.get('allEmotes') || {})['emoticon_sets'] || {};
-			for(var set_id in emotes) {
-				f.get_twitch_set(set_id);
-				var es = emotes[set_id] || [],
-					esl = es.length,
-					sid = typeof set_id === "number" ? set_id : parseInt(set_id);
-
-				for(var i=0; i < esl; i++)
-					f._twitch_emote_to_set[es[i].id] = sid;
-			}
-
-			if ( f._inputv )
-				Ember.propertyDidChange(f._inputv, 'ffz_emoticons');
-
-		}.observes('allEmotes')
-	});
-}
-
-
-// -------------------
-// Menu Page
-// -------------------
-
-FFZ.menu_pages.myemotes = {
-	name: "My Emoticons",
-	icon: constants.EMOTE,
-
-	has_sets: function(view) {
-		var user = this.get_user(),
-			controller = utils.ember_lookup('controller:chat'),
-			user_emotes = utils.ember_lookup('service:user-emotes'),
-			twitch_sets = (user_emotes && user_emotes.allEmotes || {})['emoticon_sets'] || {},
-			ffz_sets = user && this.users[user.login] && this.users[user.login].sets || [],
-
-			sk = twitch_sets && Object.keys(twitch_sets);
-
-		if ( sk && ! this.settings.global_emotes_in_menu && sk.indexOf('0') !== -1 )
-			sk.removeObject('0');
-
-		return ffz_sets.length || (sk && sk.length);
-	},
-
-	visible: function(view) {
-		return this.settings.emoji_in_menu || FFZ.menu_pages.myemotes.has_sets.call(this, view);
-	},
-
-	default_page: function() {
-		for(var key in this.settings.favorite_emotes)
-			if ( this.settings.favorite_emotes[key] && this.settings.favorite_emotes[key].length )
-				return 'favorites';
-
-		var has_emotes = FFZ.menu_pages.myemotes.has_sets.call(this);
-		if ( has_emotes )
-			return 'all';
-
-		if ( this.settings.emoji_in_menu )
-			return 'emoji';
-
-		return 'favorites';
-	},
-
-	pages: {
-		favorites: {
-			name: "Favorites",
-			sort_order: 1,
-
-			render: function(view, container) {
-				FFZ.menu_pages.myemotes.render_lists.call(this, view, container, true);
-
-				var el = document.createElement("div");
-				el.className = "emoticon-grid ffz-no-emotes center";
-				el.innerHTML = "You have no favorite emoticons.<br> <img src=\"//cdn.frankerfacez.com/emoticon/26608/2\"><br>To make an emote a favorite, find it and <nobr>" + (constants.IS_OSX ? '⌘' : 'Ctrl') + "-Click</nobr> it.";
-				container.appendChild(el);
-			}
-		},
-
-		all: {
-			name: "All Emoticons",
-			sort_order: 2,
-
-			visible: function(view) {
-				return FFZ.menu_pages.myemotes.has_sets.call(this, view);
-			},
-
-			render: function(view, container) {
-				/*var search_cont = utils.createElement('div', 'ffz-filter-container'),
-					search_input = utils.createElement('input', 'emoticon-selector__filter-input form__input js-filter-input text text--full-width'),
-					filtered_cont = utils.createElement('div', 'ffz-filter-children ffz-ui-sub-menu-page'),
-					was_filtered = false;
-
-				search_input.placeholder = 'Search for Emotes';
-				search_input.type = 'text';
-
-				filtered_cont.style.maxHeight = (parseInt(container.style.maxHeight) - 53) + 'px';
-
-				search_cont.appendChild(search_input);
-				container.appendChild(filtered_cont);
-				container.appendChild(search_cont);
-
-				search_input.addEventListener('input', function(e) {
-					var filter = (search_input.value || '').toLowerCase(),
-						groups = filtered_cont.querySelectorAll('.emoticon-grid');
-
-					for(var i=0; i < groups.length; i++) {
-						var el = groups[i],
-							emotes = el.querySelectorAll('.emoticon'),
-							hidden = true;
-
-						for(var j=0; j < emotes.length; j++) {
-							var em = emotes[j],
-								ehidden = filter.length && em.getAttribute('data-filter').indexOf(filter) === -1;
-
-							em.classList.toggle('hidden', ehidden);
-							hidden = hidden && ehidden;
-						}
-
-						el.classList.toggle('hidden', hidden);
-						el.classList.toggle('collapsable', ! filter.length);
-					}
-				});
-
-				container = filtered_cont;*/
-				FFZ.menu_pages.myemotes.render_lists.call(this, view, container, false);
-			}
-		},
-
-		emoji: {
-			name: "Emoji",
-			sort_order: 3,
-			visible: function() { return this.settings.emoji_in_menu },
-
-			render: function(view, container) {
-				var sets = [];
-
-				for(var cat in constants.EMOJI_CATEGORIES) {
-					var menu = FFZ.menu_pages.myemotes.draw_emoji.call(this, view, cat, false);
-					if ( menu )
-						sets.push([cat, menu]);
-				}
-
-				sets.sort(function(a,b) {
-					var an = a[0], bn = b[0];
-					if ( an < bn ) return -1;
-					if ( an > bn ) return 1;
-					return 0;
-				});
-
-				if ( sets.length )
-					sets[0][1].classList.add('top-set');
-
-				for(var i=0; i < sets.length; i++)
-					container.appendChild(sets[i][1]);
-			}
-		}
-	},
-
-	render_lists: function(view, container, favorites_only) {
-		var controller = utils.ember_lookup('controller:chat'),
-			user_emotes = utils.ember_lookup('service:user-emotes'),
-			twitch_sets = (user_emotes && user_emotes.allEmotes || {})['emoticon_sets'] || {},
-
-			user = this.get_user(),
-			ffz_sets = this.getEmotes(user && user.login, null),
-			sets = [],
-			gathered_emotes = [];
-
-		// Start with Twitch Sets
-		var gathered_favorites = this.settings.favorite_emotes['twitch-inventory'] || [],
-			gathered_channels = {},
-			other_channels = [];
-
-		for(var set_id in twitch_sets) {
-			if ( ! twitch_sets.hasOwnProperty(set_id) || ( ! favorites_only && ! this.settings.global_emotes_in_menu && set_id === '0' ) )
-				continue;
-
-			// Skip the Twitch Turbo set if we have Twitch Prime. They're identical.
-			if ( set_id == 793 && twitch_sets.hasOwnProperty(19194) )
-				continue;
-
-			var set = twitch_sets[set_id];
-			if ( ! set.length )
-				continue;
-
-			if ( this._twitch_inventory_sets.indexOf(set_id) !== -1 || EXTRA_INVENTORY.indexOf(set_id) !== -1 ) {
-				for(var i=0; i < set.length; i++)
-					if ( ! favorites_only || gathered_favorites.indexOf(set[i].id) !== -1 )
-						gathered_emotes.push(set[i]);
-
-				continue;
-			}
-
-			var raw_data = this.get_twitch_set(set_id),
-				raw_id = raw_data && raw_data.c_name,
-				menu_id = raw_id ? raw_id.toLowerCase() : 'unknown',
-				favorites_list = this.settings.favorite_emotes["twitch-" + set_id];
-
-			if ( favorites_only && (! favorites_list || ! favorites_list.length) )
-				continue;
-
-			if ( menu_id !== 'unknown' ) {
-				var gathered = gathered_channels[menu_id] = gathered_channels[menu_id] || [];
-				gathered.push(set_id);
-				continue;
-			}
-
-			var sort_key = 0,
-				menu = FFZ.menu_pages.myemotes.draw_twitch_set.call(this, view, set_id, set, favorites_only);
-
-			if ( menu_id.indexOf('global') !== -1 )
-				sort_key = 100;
-			else if ( menu_id.substr(0,2) === '--' || menu_id === 'turbo' )
-				sort_key = 75;
-
-			if ( menu )
-				sets.push([[sort_key, menu_id], menu]);
-		}
-
-		for(var menu_id in gathered_channels) {
-			var gathered = [],
-				stuff = gathered_channels[menu_id];
-
-			if ( ! stuff.length )
-				continue;
-
-			for(var i=0; i < stuff.length; i++) {
-				var set_id = stuff[i],
-					set = twitch_sets[set_id];
-				for(var j=0; j < set.length; j++)
-					gathered.push([set_id, set[j]]);
-			}
-
-			var sort_key = 0,
-				menu = FFZ.menu_pages.myemotes.draw_twitch_set.call(this, view, stuff[0], gathered, favorites_only);
-
-			if ( menu_id.indexOf('global') !== -1 )
-				sort_key = 100;
-			else if ( menu_id.substr(0,2) === '--' || menu_id === 'turbo' )
-				sort_key = 75;
-
-			if ( menu )
-				sets.push([[sort_key, menu_id], menu]);
-		}
-
-
-		// Handle the gathered single emotes.
-		if ( gathered_emotes.length ) {
-			var menu = FFZ.menu_pages.myemotes.draw_twitch_set.call(this, view, 'inventory', gathered_emotes, favorites_only);
-			sets.push([[50, 'twitch-inventory'], menu]);
-		}
-
-
-		// Emoji~!
-		if ( favorites_only && this.settings.emoji_in_menu ) {
-			var favorites_list = this.settings.favorite_emotes["emoji"];
-			if ( favorites_list && favorites_list.length ) {
-				var menu = FFZ.menu_pages.myemotes.draw_emoji.call(this, view, null, favorites_only);
-				if ( menu )
-					sets.push([[200, "emoji"], menu]);
-			}
-		}
-
-		// Now, FFZ!
-		if ( favorites_only ) {
-			// But first, inject all the sets from this specific room.
-			var ffz_room = controller && this.rooms && this.rooms[controller.get('currentRoom.id')];
-			if ( ffz_room ) {
-				if ( ffz_room.set && ffz_sets.indexOf(ffz_room.set) === -1 )
-					ffz_sets.push(ffz_room.set);
-
-				if ( ffz_room.sets && ffz_room.sets.length )
-					ffz_sets = _.uniq(ffz_sets.concat(ffz_room.sets));
-
-				if ( ffz_room.extra_sets && ffz_room.extra_sets.length )
-					ffz_sets = _.uniq(ffz_sets.concat(ffz_room.extra_sets));
-			}
-		}
-
-		for(var i=0; i < ffz_sets.length; i++) {
-			var set_id = ffz_sets[i],
-				set = this.emote_sets[set_id];
-			if ( ! set || ! set.count || set.hidden || ( ! favorites_only && ! this.settings.global_emotes_in_menu && this.default_sets.indexOf(set_id) !== -1 ) )
-				continue;
-
-			var menu_id = set.hasOwnProperty('source_ext') ? 'ffz-ext-' + set.source_ext + '-' + set.source_id : 'ffz-' + set.id,
-				favorites_list = this.settings.favorite_emotes[menu_id];
-
-			if ( favorites_only && (! favorites_list || ! favorites_list.length) )
-				continue;
-
-			var menu_id = set.title.toLowerCase(),
-				sort_key = set.sort,
-				menu = FFZ.menu_pages.myemotes.draw_ffz_set.call(this, view, set, favorites_only);
-
-			if ( sort_key === undefined || sort_key === null ) {
-				if ( menu_id.indexOf('global') !== -1 )
-					sort_key = 100;
-				else
-					sort_key = 0;
-			}
-
-			if ( menu )
-				sets.push([[sort_key, menu_id], menu]);
-		}
-
-
-		if ( ! sets.length )
-			return false;
-
-
-		// Finally, sort and add them all.
-		sets.sort(function(a,b) {
-			var ask = a[0][0],
-				an = a[0][1],
-
-				bsk = b[0][0],
-				bn = b[0][1];
-
-			if ( ask < bsk ) return -1;
-			if ( ask > bsk ) return 1;
-
-			if ( an < bn ) return -1;
-			if ( an > bn ) return 1;
-			return 0;
-		});
-
-		if ( favorites_only ) {
-			var grid = document.createElement('div');
-			grid.className = 'emoticon-grid favorites-grid';
-			for(var i=0; i < sets.length; i++)
-				grid.appendChild(sets[i][1]);
-
-			container.appendChild(grid);
-
-		} else if ( sets.length ) {
-			sets[0][1].classList.add('top-set');
-			for(var i=0; i < sets.length; i++)
-				container.appendChild(sets[i][1]);
-		}
-
-		return true;
-	},
-
-	toggle_section: function(heading, container, set_state) {
-		var menu = heading.parentElement,
-			set_id = menu.getAttribute('data-set'),
-			collapsed_list = this.settings.emote_menu_collapsed,
-			has_state = set_state !== undefined,
-			is_collapsed = has_state ? set_state : collapsed_list.indexOf(set_id) === -1;
-
-		if ( ! has_state ) {
-			if ( ! is_collapsed )
-				collapsed_list.removeObject(set_id);
-			else
-				collapsed_list.push(set_id);
-
-			this.settings.set('emote_menu_collapsed', collapsed_list, true);
-		}
-
-		menu.classList.toggle('collapsed', !is_collapsed);
-
-		if ( is_collapsed )
-			menu.appendChild(container);
-		else
-			menu.removeChild(container);
-	},
-
-	draw_emoji: function(view, cat, favorites_only) {
-		var heading = document.createElement('div'),
-			menu = document.createElement('div'),
-			menu_id = 'emoji' + (cat ? '-' + cat : ''),
-			emotes = favorites_only ? document.createDocumentFragment() : document.createElement('div'),
-			collapsed = ! favorites_only && this.settings.emote_menu_collapsed.indexOf(menu_id) === -1,
-			f = this,
-			settings = this.settings.parse_emoji || 1,
-
-			favorites = this.settings.favorite_emotes["emoji"] || [],
-			c = 0;
-
-		menu.className = 'emoticon-grid';
-		menu.setAttribute('data-set', menu_id);
-
-		if ( ! favorites_only ) {
-			heading.className = 'heading';
-			heading.innerHTML = '<span class="right">Unicode</span>' + (cat ? utils.sanitize(constants.EMOJI_CATEGORIES[cat]) : 'Emoji');
-			heading.style.backgroundImage = 'url("' + constants.SERVER + 'emoji/' + (settings === 3 ? 'one/' : (settings === 2 ? 'noto-' : 'tw/')) + (constants.EMOJI_LOGOS[cat] || '1f4af') + '.svg")';
-			heading.style.backgroundSize = "18px";
-
-			menu.classList.add('collapsable');
-			menu.appendChild(heading);
-			menu.classList.toggle('collapsed', collapsed);
-			heading.addEventListener('click', function() { FFZ.menu_pages.myemotes.toggle_section.bind(f)(this, emotes); });
-		}
-
-		var set = [];
-
-		for(var eid in this.emoji_data)
-			set.push(this.emoji_data[eid]);
-
-		set.sort(function(a,b) {
-			var an = (a.name || "").toLowerCase(),
-				bn = (b.name || "").toLowerCase();
-
-			if ( an < bn ) return -1;
-			else if ( an > bn ) return 1;
-			if ( a.raw < b.raw ) return -1;
-			if ( a.raw > b.raw ) return 1;
-			return 0;
-		});
-
-		for(var i=0; i < set.length; i++) {
-			var emoji = set[i],
-				em = document.createElement('span');
-
-			if ( (cat && cat !== emoji.cat) || (settings === 1 && ! emoji.tw) || (settings === 2 && ! emoji.noto) || (settings === 3 && ! emoji.one) )
-				continue;
-
-			var is_favorite = favorites.indexOf(emoji.raw) !== -1,
-				src = settings === 3 ? emoji.one_src : (settings === 2 ? emoji.noto_src : emoji.tw_src),
-				image = this.settings.emote_image_hover ? '<img class="emoticon ffz-image-hover" src="' + src + '">' : '';
-
-			if ( favorites_only && ! is_favorite )
-				continue;
-
-			em.className = 'emoticon emoji ffz-tooltip ffz-can-favorite';
-			em.classList.toggle('ffz-favorite', is_favorite);
-			em.classList.toggle('ffz-is-favorite', favorites_only);
-
-			em.setAttribute('data-ffz-emoji', emoji.code);
-			em.setAttribute('data-filter', emoji.name.toLowerCase() + ' :' + emoji.short_name.toLowerCase() + ':');
-			em.alt = emoji.raw;
-
-			em.addEventListener('click', this._add_emote.bind(this, view, emoji.raw, "emoji", emoji.raw));
-
-			em.style.backgroundImage = 'url("' + src + '")';
-			em.style.backgroundSize = "18px";
-
-			c++;
-			emotes.appendChild(em);
-		}
-
-		if ( ! c )
-			return;
-
-		if ( favorites_only )
-			return emotes;
-
-		if ( ! collapsed )
-			menu.appendChild(emotes);
-
-		return menu;
-	},
-
-	draw_twitch_set: function(view, set_id, set, favorites_only) {
-		var heading = document.createElement('div'),
-			menu = document.createElement('div'),
-			emotes = favorites_only ? document.createDocumentFragment() : document.createElement('div'),
-			collapsed = ! favorites_only && this.settings.emote_menu_collapsed.indexOf('twitch-' + set_id) === -1,
-			f = this,
-
-			set_data = this.get_twitch_set(set_id),
-			channel_id = set_id === 'inventory' ? '--inventory--' : (set_data && set_data.c_name || 'twitch_unknown'), title,
-			favorites = this.settings.favorite_emotes["twitch-" + set_id] || [],
-			c = 0;
-
-		menu.className = 'emoticon-grid';
-		menu.setAttribute('data-set', 'twitch-' + set_id);
-
-		if ( ! favorites_only ) {
-			if ( channel_id === '--inventory--' )
-				title = "Inventory";
-			else if ( channel_id === "twitch_unknown" )
-				title = "Unknown Channel";
-			else if ( channel_id === "--global--" )
-				title = "Global Emoticons";
-			else if ( channel_id === "turbo" || channel_id === "--turbo-faces--" )
-				title = "Twitch Turbo";
-			else if ( channel_id === "--prime--" || channel_id === "--prime-faces--" )
-				title = "Twitch Prime";
-			else if ( channel_id === "--curse--" )
-				title = "Curse Emoticons";
-			else
-				title = FFZ.get_capitalization(channel_id, function(name) {
-					heading.innerHTML = '<span class="right">Twitch</span>' + utils.sanitize(name);
-				});
-
-			heading.className = 'heading';
-			heading.innerHTML = '<span class="right">Twitch</span>' + utils.sanitize(title);
-
-			var icon = this._twitch_badges[channel_id];
-			if ( icon ) {
-				heading.style.backgroundImage = 'url("' + icon + '")';
-				if ( icon.indexOf('.svg') !== -1 )
-					heading.style.backgroundSize = "18px";
-			} else if ( set_data ) {
-				var f = this;
-				fetch("https://badges.twitch.tv/v1/badges/channels/" + set_data.c_id + "/display?language=" + (Twitch.receivedLanguage || "en"), {
-					headers: {
-						'Client-ID': constants.CLIENT_ID
-					}
-				}).then(utils.json).then(function(data) {
-					try {
-						var badge = f._twitch_badges[channel_id] = data.badge_sets.subscriber.versions[0].image_url_1x;
-						heading.style.backgroundImage = 'url("' + badge + '")';
-					} catch(err) { /* Lament JS's lack of null coalescing operators */ }
-				});
-			}
-
-			menu.classList.add('collapsable');
-			menu.appendChild(heading);
-			menu.classList.toggle('collapsed', collapsed);
-			heading.addEventListener('click', function() { FFZ.menu_pages.myemotes.toggle_section.bind(f)(this, emotes); });
-		}
-
-		set.sort(function(a,b) {
-			if ( Array.isArray(a) )
-				a = a[1];
-			if ( Array.isArray(b) )
-				b = b[1];
-
-			var an = a.code.toLowerCase(),
-				bn = b.code.toLowerCase();
-
-			if ( an < bn ) return -1;
-			else if ( an > bn ) return 1;
-			if ( a.id < b.id ) return -1;
-			if ( a.id > b.id ) return 1;
-			return 0;
-		});
-
-		for(var i=0; i < set.length; i++) {
-			var emote = set[i],
-				esid = set_id,
-				favs = favorites;
-			if ( Array.isArray(emote) ) {
-				esid = emote[0];
-				emote = emote[1];
-				favs = this.settings.favorite_emotes["twitch-" + esid] || [];
-			}
-
-			var code = constants.KNOWN_CODES[emote.code] || emote.code,
-				is_favorite = favs.indexOf(emote.id) !== -1;
-
-			if ( favorites_only && ! is_favorite )
-				continue;
-
-			var em = document.createElement('span'),
-				img_set = 'image-set(url("' + constants.TWITCH_BASE + emote.id + '/1.0") 1x, url("' + constants.TWITCH_BASE + emote.id + '/2.0") 2x)';
-
-			em.className = 'emoticon ffz-tooltip ffz-can-favorite';
-			em.setAttribute('data-emote', emote.id);
-			em.setAttribute('data-filter', code.toLowerCase());
-			em.alt = code;
-
-			em.classList.toggle('ffz-favorite', is_favorite);
-			em.classList.toggle('ffz-is-favorite', favorites_only);
-			em.classList.toggle('ffz-tooltip-no-credit', ! favorites_only);
-
-			if ( this.settings.replace_bad_emotes && constants.EMOTE_REPLACEMENTS[emote.id] ) {
-				em.style.backgroundImage = 'url("' + constants.EMOTE_REPLACEMENT_BASE + constants.EMOTE_REPLACEMENTS[emote.id] + '")';
-			} else {
-				em.style.backgroundImage = 'url("' + constants.TWITCH_BASE + emote.id + '/1.0")';
-				em.style.backgroundImage = '-webkit-' + img_set;
-				em.style.backgroundImage = '-moz-' + img_set;
-				em.style.backgroundImage = '-ms-' + img_set;
-				em.style.backgroundImage = img_set;
-			}
-
-			em.addEventListener("click", function(id, c, q, e) {
-				e.preventDefault();
-				if ( (e.shiftKey || e.shiftLeft) && f.settings.clickable_emoticons )
-					window.open("https://twitchemotes.com/emote/" + id);
-				else
-					this._add_emote(view, c, "twitch-" + q, id, e);
-			}.bind(this, emote.id, code, esid));
-
-			c++;
-			emotes.appendChild(em);
-		}
-
-		if ( ! c )
-			return;
-
-		if ( favorites_only )
-			return emotes;
-
-		if ( ! collapsed )
-			menu.appendChild(emotes);
-
-		return menu;
-	},
-
-	draw_ffz_set: function(view, set, favorites_only) {
-		var heading = document.createElement('div'),
-			menu = document.createElement('div'),
-			emote_container = favorites_only ? document.createDocumentFragment() : document.createElement('div'),
-			f = this,
-			emotes = [],
-
-			menu_id = set.hasOwnProperty('source_ext') ? 'ffz-ext-' + set.source_ext + '-' + set.source_id : 'ffz-' + set.id,
-			favorites = this.settings.favorite_emotes[menu_id] || [],
-			c = 0,
-			icon = set.icon || (set.hasOwnProperty('source_ext') && this._apis[set.source_ext] && this._apis[set.source_ext].icon) || '//cdn.frankerfacez.com/script/devicon.png',
-			collapsed = ! favorites_only && this.settings.emote_menu_collapsed.indexOf(menu_id) === -1;
-
-		menu.className = 'emoticon-grid';
-		menu.setAttribute('data-set', menu_id);
-
-		if ( ! favorites_only ) {
-			menu.classList.add('collapsable');
-
-			heading.className = 'heading';
-			heading.innerHTML = '<span class="right">' + (utils.sanitize(set.source) || 'FrankerFaceZ') + '</span>' + set.title;
-
-			heading.style.backgroundImage = 'url("' + icon + '")';
-			if ( icon.indexOf('.svg') !== -1 )
-				heading.style.backgroundSize = "18px";
-
-			menu.appendChild(heading);
-			menu.classList.toggle('collapsed', collapsed);
-			heading.addEventListener('click', function() { FFZ.menu_pages.myemotes.toggle_section.bind(f)(this, emote_container); });
-		}
-
-		for(var emote_id in set.emoticons)
-			set.emoticons.hasOwnProperty(emote_id) && ! set.emoticons[emote_id].hidden && emotes.push(set.emoticons[emote_id]);
-
-		emotes.sort(function(a,b) {
-			var an = a.name.toLowerCase(),
-				bn = b.name.toLowerCase();
-
-			if ( an < bn ) return -1;
-			else if ( an > bn ) return 1;
-			if ( a.id < b.id ) return -1;
-			if ( a.id > b.id ) return 1;
-			return 0;
-		});
-
-		for(var i=0; i < emotes.length; i++) {
-			var emote = emotes[i],
-				is_favorite = favorites.indexOf(emote.id) !== -1;
-
-			if ( favorites_only && ! is_favorite )
-				continue;
-
-			var em = document.createElement('span'),
-				img_set = 'image-set(url("' + emote.urls[1] + '") 1x';
-
-			if ( emote.urls[2] )
-				img_set += ', url("' + emote.urls[2] + '") 2x';
-
-			if ( emote.urls[4] )
-				img_set += ', url("' + emote.urls[4] + '") 4x';
-
-			img_set += ')';
-
-			em.className = 'emoticon ffz-tooltip ffz-can-favorite';
-			em.classList.toggle('ffz-favorite', is_favorite);
-			em.classList.toggle('ffz-is-favorite', favorites_only);
-
-			em.setAttribute('data-ffz-emote', emote.id);
-			em.setAttribute('data-ffz-set', set.id);
-			em.setAttribute('data-filter', emote.name.toLowerCase());
-
-			em.style.backgroundImage = 'url("' + emote.urls[1] + '")';
-			em.style.backgroundImage = '-webkit-' + img_set;
-			em.style.backgroundImage = '-moz-' + img_set;
-			em.style.backgroundImage = '-ms-' + img_set;
-			em.style.backgroundImage = img_set;
-
-			if ( emote.height )
-				em.style.height = (10+emote.height) + "px";
-			if ( emote.width )
-				em.style.width = (10+emote.width) + "px";
-
-			em.addEventListener("click", function(id, code, e) {
-				e.preventDefault();
-				if ( (e.shiftKey || e.shiftLeft) && f.settings.clickable_emoticons ) {
-					var url;
-					if ( set.hasOwnProperty('source_ext') ) {
-						var api = f._apis[set.source_ext];
-						if ( api && api.emote_url_generator )
-							url = api.emote_url_generator(set.source_id, id);
-					} else
-						url = "https://www.frankerfacez.com/emoticons/" + id;
-
-					if ( url )
-						window.open(url);
-				} else
-					this._add_emote(view, code, menu_id, id, e);
-			}.bind(this, emote.id, emote.name));
-
-			c++;
-			emote_container.appendChild(em);
-		}
-
-		if ( ! c )
-			return;
-
-		if ( favorites_only )
-			return emote_container;
-
-		if ( ! collapsed )
-			menu.appendChild(emote_container);
-
-		return menu;
-	}
-};
\ No newline at end of file
diff --git a/src/ui/notifications.js b/src/ui/notifications.js
deleted file mode 100644
index 68b9be38..00000000
--- a/src/ui/notifications.js
+++ /dev/null
@@ -1,206 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require("../utils"),
-	constants = require("../constants");
-
-
-// ---------------------
-// Initialization
-// ---------------------
-
-FFZ.prototype.setup_notifications = function() {
-	this.log("Adding event handler for window focus.");
-	window.addEventListener("focus", this.clear_notifications.bind(this));
-}
-
-
-// ---------------------
-// Settings
-// ---------------------
-
-FFZ.settings_info.server_messages = {
-	type: "boolean",
-	value: true,
-
-	category: "Appearance",
-	name: "Server Notifications",
-	help: "Display global FrankerFaceZ notifications."
-	};
-
-
-FFZ.settings_info.highlight_notifications = {
-	type: "boolean",
-	value: false,
-
-	category: "Chat Filtering",
-	no_bttv: true,
-	no_mobile: true,
-	//visible: function() { return ! this.has_bttv },
-
-	name: "Highlight Notifications",
-	help: "Display notifications when a highlighted word appears in chat in an unfocused tab. This is automatically disabled on the dashboard.",
-
-	on_update: function(val, direct) {
-			// Check to see if we have notification permission. If this is
-			// enabled, at least.
-			if ( ! val || ! direct )
-				return;
-
-			if ( Notification.permission === "denied" ) {
-				this.log("Notifications have been denied by the user.");
-				this.settings.set("highlight_notifications", false);
-				return;
-
-			} else if ( Notification.permission === "granted" )
-				return;
-
-			var f = this;
-			Notification.requestPermission(function(e) {
-				if ( e === "denied" ) {
-					f.log("Notifications have been denied by the user.");
-					f.settings.set("highlight_notifications", false);
-				}
-			});
-		}
-	};
-
-
-FFZ.settings_info.notification_timeout = {
-	type: "button",
-	value: 60,
-
-	category: "Chat Filtering",
-	no_bttv: true,
-	no_mobile: true,
-
-	name: "Notification Timeout",
-	help: "Specify how long notifications should be displayed before automatically closing.",
-
-	method: function() {
-			var f = this,
-				old_val = this.settings.notification_timeout;
-			utils.prompt(
-				"Notification Timeout",
-				"Please enter the time you'd like notifications to be displayed before automatically closing, in seconds. A value of zero may prevent notifications from disappearing automatically. This value is subject to the limitations of your web browser.</p><p><b>Default:</b> 60",
-				old_val === false ? 0 : old_val,
-				function(new_val) {
-					if ( new_val === null || new_val === undefined )
-						return;
-
-					new_val = parseInt(new_val);
-					if ( new_val <= 0 )
-						new_val = false;
-					else if ( Number.isNaN(new_val) || ! Number.isFinite(new_val) )
-						new_val = 60;
-
-					f.settings.set("notification_timeout", new_val);
-				});
-		}
-	};
-
-
-// ---------------------
-// Socket Commands
-// ---------------------
-
-FFZ.ws_commands.message = function(message) {
-	if ( ! this.settings.server_messages )
-		return;
-
-	this.show_message(message);
-}
-
-
-// ---------------------
-// Notifications
-// ---------------------
-
-FFZ._notifications = {};
-FFZ._last_notification = 0;
-
-FFZ.prototype.clear_notifications = function() {
-	for(var k in FFZ._notifications) {
-		var n = FFZ._notifications[k];
-		if ( n )
-			try {
-				n.close();
-			} catch(err) { }
-	}
-
-	FFZ._notifications = {};
-	FFZ._last_notification = 0;
-}
-
-
-FFZ.prototype.show_notification = function(message, title, tag, timeout, on_click, on_close, icon) {
-	var perm = Notification.permission;
-	if ( perm === "denied" )
-		return false;
-
-	if ( perm === "granted" ) {
-		title = title || "FrankerFaceZ";
-		timeout = timeout || (this.settings.notification_timeout === false ? false : this.settings.notification_timeout * 1000);
-
-		var options = {
-			lang: "en-US",
-			dir: "ltr",
-			body: message,
-			tag: tag || "FrankerFaceZ",
-			icon: icon || "//cdn.frankerfacez.com/icon32.png"
-			};
-
-		var f = this,
-			n = new Notification(title, options),
-			nid = FFZ._last_notification++;
-
-		FFZ._notifications[nid] = n;
-
-		n.addEventListener("click", function() {
-			delete FFZ._notifications[nid];
-			n.close();
-			if ( on_click )
-				on_click.bind(f)();
-			});
-
-		n.addEventListener("close", function() {
-			delete FFZ._notifications[nid];
-			if ( on_close )
-				on_close.bind(f)();
-			});
-
-		if ( typeof timeout == "number" )
-			n.addEventListener("show", function() {
-				setTimeout(function() {
-					delete FFZ._notifications[nid];
-					n.close();
-					}, timeout);
-				});
-
-		return;
-	}
-
-	var f = this;
-	Notification.requestPermission(function(e) {
-		f.show_notification(message, title, tag);
-	});
-}
-
-
-
-// ---------------------
-// Noty Notification
-// ---------------------
-
-FFZ.prototype.show_message = function(message) {
-	if ( ! window.jQuery || ! window.jQuery.noty || ! jQuery.noty.themes.ffzTheme ) {
-		setTimeout(this.show_message.bind(this, message), 50);
-		return;
-	}
-
-	window.noty({
-		text: message,
-		template: '<div class="noty_message"><span class="noty_text"></span><div class="noty_close">' + constants.CLOSE + '</div></div>',
-		theme: "ffzTheme",
-		layout: "bottomCenter",
-		closeWith: ["button"]
-		}).show();
-}
\ No newline at end of file
diff --git a/src/ui/popups.js b/src/ui/popups.js
deleted file mode 100644
index cab71b97..00000000
--- a/src/ui/popups.js
+++ /dev/null
@@ -1,90 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	constants = require('../constants');
-
-
-// ---------------
-// Initialization
-// ---------------
-
-FFZ.prototype.setup_popups = function() {
-	this.log("Installing mouse-up event to auto-close pop-ups.");
-	var f = this;
-
-	jQuery(document).mouseup(function(e) {
-		if ( e.button && e.button !== 0 )
-			return;
-
-		// Check for modal clicks
-		var modal = document.getElementById('ffz-modal-container');
-		if ( modal && (modal === e.target || modal.contains(e.target)) )
-			return;
-
-		var popup = f._popup,
-			parent = f._popup_parent;
-
-		if ( ! popup )
-			f._last_popup = undefined;
-
-		if ( ! popup || popup === e.target || popup.contains(e.target) )
-			return;
-
-		if ( popup.id === 'ffz-chat-menu' && popup.style && popup.style.left )
-			return;
-
-		if ( f._popup_allow_parent ) {
-			var parent = f._popup_parent || popup.parentElement;
-			if ( parent && ( parent === e.target || parent.contains(e.target) ) )
-				return;
-		}
-
-		f.close_popup();
-	});
-}
-
-
-// ---------------
-// Management
-// ---------------
-
-FFZ.prototype.close_popup = function() {
-	var popup = this._popup;
-	this._last_popup = popup;
-	if ( ! popup )
-		return;
-
-	popup.parentElement.removeChild(popup);
-
-	if ( this._popup_kill )
-		try {
-			this._popup_kill();
-		} catch(err) {
-			this.error("_popup_kill: " + err);
-		}
-
-	this._popup = undefined;
-	this._popup_parent = undefined;
-	this._popup_kill = undefined;
-	this._popup_allow_parent = undefined;
-	return popup;
-}
-
-
-FFZ.prototype.show_popup = function(el, position, container, cleanup, allow_parent, dont_insert_handler) {
-	if ( this._popup )
-		this.close_popup();
-
-	this._popup = el;
-	this._popup_allow_parent = allow_parent || false;
-	this._popup_kill = cleanup;
-
-	container = container || document.querySelector('.app-main') || document.body;
-
-	var bounds = container.getBoundingClientRect();
-
-	el.style.display = 'block';
-	el.style.position = 'absolute';
-	el.style.left = (position[0] - bounds.left) + 'px';
-	el.style.top = (position[1] - bounds.top) + 'px';
-
-	container.appendChild(el);
-}
\ No newline at end of file
diff --git a/src/ui/races.js b/src/ui/races.js
deleted file mode 100644
index 9c623dfc..00000000
--- a/src/ui/races.js
+++ /dev/null
@@ -1,255 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils');
-
-
-// ---------------
-// Initialization
-// ---------------
-
-FFZ.prototype.setup_races = function() {
-	this.log("Initializing race support.");
-	this.srl_races = {};
-}
-
-
-// ---------------
-// Settings
-// ---------------
-
-FFZ.settings_info.srl_races = {
-	type: "boolean",
-	value: true,
-	no_mobile: true,
-
-	category: "Channel Metadata",
-	name: "SRL Race Information",
-	help: 'Display information about <a href="http://www.speedrunslive.com/" target="_new">SpeedRunsLive</a> races under channels.',
-	on_update: function(val) {
-		if ( this._cindex )
-			this._cindex.ffzUpdateMetadata('srl_race');
-	}
-};
-
-
-// ---------------
-// Socket Handler
-// ---------------
-
-FFZ.ws_on_close.push(function() {
-	var controller = utils.ember_lookup('controller:channel'),
-		current_id = controller && controller.get('channelModel.id'),
-		current_host = controller && controller.get('channelModel.hostModeTarget.id'),
-		need_update = false;
-
-	if ( ! controller )
-		return;
-
-	for(var chan in this.srl_races) {
-		delete this.srl_races[chan];
-		if ( chan === current_id || chan === current_host )
-			need_update = true;
-	}
-
-	if ( need_update && this._cindex )
-		this._cindex.ffzUpdateMetadata('srl_race');
-});
-
-
-FFZ.ws_commands.srl_race = function(data) {
-	var controller = utils.ember_lookup('controller:channel'),
-		current_id = controller && controller.get('channelModel.id'),
-		current_host = controller && controller.get('channelModel.hostModeTarget.id'),
-		need_update = false;
-
-	this.srl_races = this.srl_races || {};
-
-	for(var i=0; i < data[0].length; i++) {
-		var channel_id = data[0][i];
-		this.srl_races[channel_id] = data[1];
-		if ( channel_id === current_id || channel_id === current_host )
-			need_update = true;
-	}
-
-	if ( data[1] ) {
-		var race = data[1],
-			tte = race.twitch_entrants = {};
-
-		for(var ent in race.entrants) {
-			if ( ! race.entrants.hasOwnProperty(ent) ) continue;
-			if ( race.entrants[ent].channel )
-				tte[race.entrants[ent].channel] = ent;
-			race.entrants[ent].name = ent;
-		}
-	}
-
-	if ( need_update && this._cindex )
-		this._cindex.ffzUpdateMetadata('srl_race');
-}
-
-
-// ---------------
-// Race UI
-// ---------------
-
-FFZ.channel_metadata.srl_race = {
-	refresh: false,
-
-	setup: function(view, channel) {
-		var channel_id = channel.get('id'),
-			race = this.srl_races && this.srl_races[channel_id],
-			entrant_id = race && race.twitch_entrants[channel_id],
-			entrant = entrant_id && race.entrants[entrant_id];
-
-		return [channel, channel_id, race, entrant];
-	},
-
-	static_label: '<figure class="icon cn-metabar__icon"><span class="srl-logo"></span></figure>',
-	label: function(channel, channel_id, race, entrant) {
-		if ( ! entrant || ! this.settings.srl_races )
-			return null;
-
-		return utils.placement(entrant) || '&#8203;';
-	},
-
-	tooltip: "SpeedRunsLive Race",
-
-	on_popup_close: function(container) {
-		if ( this._race_interval ) {
-			clearInterval(this._race_interval);
-			this._race_interval = null;
-		}
-	},
-
-	update_popup: function(container, channel, channel_id, race, entrant) {
-		var now = (Date.now() - (this._ws_server_offset || 0)) / 1000,
-			elapsed = Math.floor(now - race.time);
-
-		var tbody = container.querySelector('tbody'),
-			info = container.querySelector('.heading > div'),
-			timer = container.querySelector('.heading > span');
-
-		if ( info.getAttribute('data-game') != race.game || info.getAttribute('data-goal') != race.goal ) {
-			info.setAttribute('data-game', race.game);
-			info.setAttribute('data-goal', race.goal);
-
-			var game = utils.quote_san(race.game),
-				goal = utils.unquote_attr(race.goal);
-
-			goal = goal ? this.render_tokens(this.tokenize_line("jtv", null, goal, true)) : '';
-			info.innerHTML = '<h2 class="html-tooltip" title="' + game + '">' + game + '</h2><span class="goal"><b>Goal: </b>' + goal + '</span>';
-		}
-
-		if ( race.time != timer.getAttribute('data-time') ) {
-			timer.setAttribute('data-time', race.time);
-			timer.setAttribute('original-title', race.time ? 'Started at: <nobr>' + utils.sanitize(utils.parse_date(1000 * race.time).toLocaleString()) + '</nobr>' : '');
-		}
-
-		if ( ! elapsed )
-			timer.innerHTML = 'Entry Open';
-		else
-			timer.innerHTML = utils.time_to_string(elapsed);
-
-
-		var entrants = [],
-			done = true;
-
-		for(var ent in race.entrants) {
-			var e = race.entrants[ent];
-			if ( e.state === 'racing' )
-				done = false;
-
-			entrants.push(e);
-		}
-
-		entrants.sort(function(a,b) {
-			var a_place = a.place || 9999,
-				b_place = b.place || 9999;
-
-			if ( a.state === 'forfeit' || a.state === 'dq' )
-				a_place = 10000;
-			if ( b.state === 'forfeit' || b.state === 'dq' )
-				b_place = 10000;
-
-			if ( a_place < b_place ) return -1;
-			else if ( a_place > b_place ) return 1;
-
-			else if ( a.name < b.name ) return -1;
-			else if ( a.name > b.name ) return 1;
-		});
-
-		for(var i=0; i < entrants.length; i++) {
-			var ent = entrants[i],
-				line = tbody.children[i],
-				matching = false;
-			if ( line ) {
-				matching = line.getAttribute('data-entrant') === ent.name;
-				if ( ! matching )
-					jQuery('.html-tooltip', line).trigger('mouseout');
-
-			} else {
-				line = utils.createElement('tr', 'html-tooltip');
-				tbody.appendChild(line);
-			}
-
-			var place = utils.place_string(ent.place),
-				comment = ent.comment ? utils.quote_san(ent.comment) : '',
-				time = elapsed ? utils.time_to_string(ent.time || elapsed) : '';
-
-			if ( ! matching ) {
-				var name = '<a target="_blank" href="http://www.speedrunslive.com/profiles/#1/' + utils.quote_san(ent.name) + '">' + this.format_display_name(ent.display_name, ent.name)[0] + '</a>',
-					twitch_link = ent.channel ? '<a target="_blank" class="twitch" href="https://www.twitch.tv/' + utils.quote_san(ent.channel) + '"></a>' : '',
-					hitbox_link = ent.hitbox ? '<a target="_blank" class="hitbox" href="https://www.hitbox.tv/' + uitls.quote_san(ent.hitbox) + '"></a>' : '';
-
-				line.setAttribute('data-entrant', ent.name);
-				line.innerHTML = '<td></td><td>' + name + '</td><td>' + twitch_link + hitbox_link + '</td><td class="time"></td>';
-			}
-
-			line.setAttribute('original-title', comment);
-			line.setAttribute('data-state', ent.state);
-			line.children[0].textContent = place;
-			line.children[3].textContent = ent.state === 'forfeit' ? 'Forfeit' : time;
-		}
-
-		while(tbody.children.length > entrants.length)
-			tbody.removeChild(tbody.children[entrants.length]);
-	},
-
-	popup: function(container, channel, channel_id, race, entrant) {
-		if ( this._race_interval )
-			clearInterval(this._race_interval);
-
-		container.classList.add('balloon--md');
-
-		var link = 'http://kadgar.net/live',
-			has_racing_entrant = false;
-
-		for(var ent in race.entrants) {
-			var state = race.entrants[ent].state,
-				e_channel = race.entrants[ent].channel
-			if ( e_channel && (state === 'racing' || state === 'entered') ) {
-				link += '/' + e_channel;
-				has_racing_entrant = true;
-			}
-		}
-
-		var display_name = channel.get('displayName'),
-			tweet = encodeURIComponent("I'm watching " + display_name + " race " + race.goal + " in " + race.game + " on SpeedRunsLive! Watch at"),
-			height = Math.max(300, document.querySelector('#player').clientHeight -  100);
-
-		container.innerHTML = '<div class="heading"><div></div><span class="html-tooltip"></span></div>' +
-			'<div class="table" style="max-height:' + height + 'px"><table>' +
-			'<thead><tr><th>#</th><th>Entrant</th><th>&nbsp;</th><th>Time</th></tr></thead>' +
-			'<tbody></tbody></table></div>' +
-
-			'<iframe class="twitter_share_button" style="width:130px; height: 25px" src="https://platform.twitter.com/widgets/tweet_button.html?text=' + utils.quote_attr(tweet) + '&via=Twitch&url=https://www.twitch.tv/' + utils.quote_san(channel_id) + '"></iframe>' +
-
-			'<p class="right"><a target="_blank" href="http://www.speedrunslive.com/race/?id=' + race.id + '">SRL</a>' +
-			(has_racing_entrant ? ' &nbsp; <a target="_blank" href="' + link + '">Multitwitch</a>' : '') +
-			'</p>';
-
-		var func = FFZ.channel_metadata.srl_race.update_popup.bind(this, container, channel, channel_id, race, entrant);
-
-		func();
-		this._race_interval = setInterval(func, 1000);
-	}
-};
\ No newline at end of file
diff --git a/src/ui/schedule.js b/src/ui/schedule.js
deleted file mode 100644
index 7d4a1e5c..00000000
--- a/src/ui/schedule.js
+++ /dev/null
@@ -1,218 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	constants = require('../constants'),
-	utils = require('../utils'),
-
-	TimeFormat = Intl.DateTimeFormat(undefined, {hour: 'numeric', minute: 'numeric'}),
-
-	parse_schedule_dates = function(data) {
-		for(var event_id in data) {
-			var event = data[event_id];
-			if ( ! event || ! data.hasOwnProperty(event_id) )
-				continue;
-
-			event.starttime = utils.parse_date(event.starttime);
-			event.endtime = utils.parse_date(event.endtime);
-		}
-
-		return data
-	};
-
-
-// ---------------
-// Settings
-// ---------------
-
-FFZ.settings_info.metadata_schedule = {
-	type: "boolean",
-	value: true,
-	no_mobile: true,
-
-	category: "Channel Metadata",
-	name: "Event Schedule <small>(Beta)</small>",
-	help: 'Display schedule information under the stream for channels that support it.',
-	on_update: function(val) {
-		if ( this._cindex )
-			this._cindex.ffzUpdateMetadata('schedule');
-	}
-};
-
-
-// ----------------
-// Data Handler
-// ----------------
-
-FFZ.ws_on_close.push(function() {
-	this._schedule_data = {};
-	if ( this._cindex )
-		this._cindex.ffzUpdateMetadata('schedule');
-});
-
-
-FFZ.ws_commands.event_schedule = function(data) {
-	var schedules = this._schedule_data = this._schedule_data || {},
-		has_schedule = data[1],
-		important_events = data[2];
-
-	if ( important_events )
-		parse_schedule_dates(important_events);
-
-	for(var i=0; i < data[0].length; i++)
-		schedules[data[0][i]] = [has_schedule, important_events];
-
-	if ( this._cindex )
-		this._cindex.ffzUpdateMetadata('schedule');
-}
-
-
-// ----------------
-// Event Schedules
-// ----------------
-
-FFZ.channel_metadata.schedule = {
-	refresh: false,
-
-	setup: function(view, channel) {
-		var data = this._schedule_data,
-			channel_id = channel.get('id'),
-			cdata = data && data[channel_id] || [false, [null, null]];
-
-		return [channel_id, cdata[0], cdata[1]];
-	},
-
-	order: 96,
-	host_order: 5,
-
-	button: true,
-
-	static_label: constants.CLOCK,
-	label: function(channel_id, has_schedule, important_events) {
-		if ( ! this.settings.metadata_schedule || ! has_schedule )
-			return null;
-
-		return 'Schedule';
-	},
-
-	tooltip: function(channel_id, has_schedule, important_events) {
-		var current = important_events[0],
-			next = important_events[1],
-			out = [],
-
-			format = function(run) {
-				return utils.sanitize(
-					run.name + ' (' + run.category + ') by ' +
-					utils.human_join(_.map(run.runners, function(x) {
-						if ( typeof x === 'string' )
-							return x;
-						return x[1];
-					}))
-				);
-			};
-
-		if ( current )
-			out.push('Now: ' + format(current));
-
-		if ( next && next.starttime )
-			out.push(
-				utils.full_human_time((Date.now() - next.starttime) / 1000).capitalize() + ': ' +
-				format(next));
-
-		return out.join('<hr>');
-	},
-
-	popup: function(container, channel_id, has_schedule, important_events) {
-		container.classList.add('balloon--xl');
-		container.innerHTML = '<div class="ffz-loading-spinner"></div>';
-		var t = this,
-			loaded = false,
-			fail = function() {
-				if ( loaded || ! document.body.contains(container) || container.dataset.key !== 'schedule' )
-					return;
-				container.innerHTML = '<p>There was an error fetching schedule data from the server.</p>';
-			};
-
-		this.ws_send("get_schedule", channel_id, function(success, data) {
-			if ( ! success )
-				return fail();
-			else if ( ! document.body.contains(container) || container.dataset.key !== 'schedule' )
-				return;
-
-			loaded = true;
-			parse_schedule_dates(data);
-
-			var scroller = utils.createElement('ol', 'scroller');
-			container.innerHTML = '';
-			container.appendChild(scroller);
-
-			var runs = [];
-			for(var run_id in data)
-				runs.push([run_id, data[run_id]]);
-
-			runs.sort(function(a,b) {
-				var ao = a[1].order,
-					bo = b[1].order;
-
-				if ( ao < bo ) return -1;
-				if ( ao > bo ) return 1;
-				return 0;
-			});
-
-			var last_date;
-			for(var i=0; i < runs.length; i++)
-				last_date = FFZ.channel_metadata.schedule.draw_row.call(t, scroller, runs[i][0], runs[i][1], last_date);
-
-			setTimeout(function() {
-				var current = scroller.querySelector('.ffz-current-item');
-				current && current.scrollIntoViewIfNeeded();
-			});
-		});
-
-		setTimeout(fail, 5000);
-	},
-
-	draw_row: function(container, run_id, run, last_date) {
-		var el = utils.createElement('li', 'ffz-schedule-row'),
-			now = Date.now(),
-			is_current = run.starttime <= now && run.endtime >= now,
-			is_old = run.starttime < now,
-			current_date = run.starttime && run.starttime.toLocaleDateString();
-
-		if ( current_date !== last_date )
-			container.appendChild(utils.createElement('div', 'ffz-schedule-row ffz-schedule-date', current_date));
-
-		el.classList.toggle('ffz-current-item', is_current);
-		el.classList.toggle('ffz-old-item', ! is_current && is_old);
-		el.dataset.id = run_id;
-
-		var meta = [
-			'Length: ' + utils.sanitize(run.run_time)
-		];
-
-		if ( run.setup_time )
-			meta.push('Setup: ' + utils.sanitize(run.setup_time));
-
-		if ( run.coop )
-			meta.push('Co-Op');
-
-		if ( run.console )
-			meta.push('Console: ' + utils.sanitize(run.console));
-
-		el.innerHTML = '<div class="heading">' +
-			'<h2>' + utils.sanitize(run.name) + ' <span>(' + utils.sanitize(run.category).replace(/ +/g, '&nbsp;') + ')</span></h2>' +
-			'</div>' +
-			(run.starttime ? '<time class="time-start html-tooltip" title="Start' + (is_old ? 'ed ' : 's ') + utils.quote_san(utils.full_human_time((now - run.starttime) / 1000)) + '." datetime="' + utils.quote_san(run.starttime) + '">' + utils.sanitize(TimeFormat.format(run.starttime)) + '</time>' : '') +
-			'<div class="meta">' + meta.join(' &mdash; ') + '</div>' +
-			'<div class="runners">Runner' + utils.pluralize(run.runners) + ': ' +
-				utils.human_join(_.map(run.runners, function(x) {
-					if ( typeof x === 'string' )
-						x = [x,x];
-
-					if ( x[0] )
-						return '<span><a target="_blank" href="https://twitch.tv/' + utils.quote_san(x[0]) + '">' + utils.sanitize(x[1]) + '</a></span>';
-					return '<span>' + utils.sanitize(x[1]) + '</span>';
-				})) +
-			'</div>';
-
-		container.appendChild(el);
-		return current_date;
-	}
-}
\ No newline at end of file
diff --git a/src/ui/styles.js b/src/ui/styles.js
deleted file mode 100644
index 42af486c..00000000
--- a/src/ui/styles.js
+++ /dev/null
@@ -1,75 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils'),
-	constants = require('../constants');
-	styles = require('../compiled_styles');
-
-FFZ.prototype.setup_css = function() {
-	document.body.classList.toggle('ffz-flip-dashboard', this.settings.flip_dashboard);
-
-	this.log("Injecting main FrankerFaceZ CSS.");
-
-	var s = this._main_style = document.createElement('link');
-	s.id = "ffz-main-css";
-	s.setAttribute('rel', 'stylesheet');
-	s.setAttribute('href', constants.SERVER + "script/style" + (this.is_clips ? '-clips' : '') + (constants.DEBUG ? "" : ".min") + ".css?_=" + (constants.DEBUG ? Date.now() : FFZ.version_info));
-	document.head.appendChild(s);
-
-	this.log("Readying toggleable styles.");
-	this._toggle_style_state = {};
-
-	s = this._toggle_style = document.createElement('style');
-	s.type = "text/css";
-	s.id = "ffz-toggle-css";
-	document.head.appendChild(s);
-
-	/*var s = this._main_style = document.createElement('style');
-
-	s.textContent = styles.style;
-	s.id = "ffz-main-css";
-
-	document.head.appendChild(s);*/
-
-	if ( window.jQuery && jQuery.noty )
-		jQuery.noty.themes.ffzTheme = {
-			name: "ffzTheme",
-			style: function() {
-				this.$bar.removeClass().addClass("noty_bar").addClass("ffz-noty").addClass(this.options.type);
-				},
-			callback: {
-				onShow: function() {},
-				onClose: function() {}
-			}
-		};
-}
-
-
-FFZ.prototype._scroll_fixed = null;
-
-FFZ.prototype.fix_scroll = function() {
-	if ( this._scroll_fixed )
-		return;
-
-	var f = this,
-		main = document.querySelector('.app-main');
-
-	if ( main ) {
-		this._scroll_fixed = true;
-		main.addEventListener('scroll', function() {
-			if ( this.scrollTop !== 0 ) {
-				f.log("The application scrolled wrongly. Correcting.");
-				this.scrollTop = 0;
-			}
-		});
-	}
-}
-
-
-FFZ.prototype.toggle_style = function(key, enabled) {
-	var state = this._toggle_style_state[key];
-	if ( (enabled && state) || (!enabled && !state) )
-		return;
-
-	this._toggle_style_state[key] = enabled;
-
-	utils.update_css(this._toggle_style, key, enabled ? styles[key] || null : null);
-}
\ No newline at end of file
diff --git a/src/ui/sub_count.js b/src/ui/sub_count.js
deleted file mode 100644
index 7902d4ea..00000000
--- a/src/ui/sub_count.js
+++ /dev/null
@@ -1,87 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	constants = require('../constants'),
-	utils = require('../utils');
-
-
-// -------------------
-// Subscriber Display
-// -------------------
-
-FFZ.prototype._update_subscribers = function() {
-	if ( this._update_subscribers_timer )
-		clearTimeout(this._update_subscribers_timer);
-
-	var f = this,
-		user = this.get_user();
-
-	if ( this.has_bttv || ! user || ! user.login || this.dashboard_channel !== user.login )
-		return jQuery("#ffz-sub-display").remove();
-
-	// Schedule an update.
-	this._update_subscribers_timer = setTimeout(this._update_subscribers.bind(this), 60000);
-
-	// Get the count!
-	utils.api.get("/api/channels/" + this.dashboard_channel + "/subscriber_count").done(function(data) {
-		var el, sub_count = data && data.count;
-		if ( typeof sub_count === "string" )
-			sub_count = parseInt(sub_count.replace(/[,\.]/g, ""));
-
-		if ( typeof sub_count !== "number" || isNaN(sub_count) || ! isFinite(sub_count) ) {
-			jQuery("#ffz-sub-display").remove();
-
-			var failed = f._failed_sub_checks = (f._failed_sub_checks || 0) + 1;
-			if ( f._update_subscribers_timer && failed >= 5 ) {
-				f.log("Subscriber count failed 5 times. Giving up.");
-				clearTimeout(f._update_subscribers_timer);
-				f._update_subscribers_timer = undefined;
-			}
-
-			return;
-		}
-
-		// Graph this glorious data point
-		if ( f._dash_chart ) {
-			if ( ! f._dash_chart.series[3].options.showInLegend ) {
-				f._dash_chart.series[3].options.showInLegend = true;
-				f._dash_chart.legend.renderLegend();
-			}
-
-			f._dash_chart.series[3].addPoint({x: utils.last_minute(), y: sub_count});
-		}
-
-		el = document.querySelector('#ffz-sub-display span');
-		if ( ! el ) {
-			var cont = document.querySelector('#stats');
-			if ( ! cont )
-				return;
-
-			var stat = utils.createElement('span', 'ffz stat', constants.STAR + ' ');
-			stat.id = 'ffz-sub-display';
-			stat.title = 'Subscribers';
-
-			el = utils.createElement('span');
-			stat.appendChild(el);
-
-			utils.api.get("chat/" + f.dashboard_channel + "/badges", null, {version: 3})
-				.done(function(data) {
-					if ( data.subscriber && data.subscriber.image ) {
-						stat.innerHTML = '';
-						stat.appendChild(el);
-
-						stat.style.backgroundImage = 'url("' + data.subscriber.image + '")';
-						stat.style.backgroundRepeat = 'no-repeat';
-						stat.style.paddingLeft = '23px';
-						stat.style.backgroundPosition = '0 50%';
-					}
-				});
-
-			cont.appendChild(stat);
-			jQuery(stat).zipsy({gravity: 's'});
-		}
-
-		el.textContent = utils.number_commas(sub_count);
-
-	}).fail(function(){
-		jQuery("#ffz-sub-display").remove();
-	});
-}
\ No newline at end of file
diff --git a/src/ui/tooltips.js b/src/ui/tooltips.js
deleted file mode 100644
index af245880..00000000
--- a/src/ui/tooltips.js
+++ /dev/null
@@ -1,428 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('../utils'),
-	constants = require('../constants');
-
-
-// ---------------------
-// Initialization
-// ---------------------
-
-FFZ.prototype.fix_tooltips = function() {
-	// Add handlers to FFZ's tooltip classes.
-	jQuery(".html-tooltip").zipsy({
-		live: true,
-		html: true,
-		gravity: utils.newtip_placement(constants.TOOLTIP_DISTANCE, 'n')
-		//gravity: utils.tooltip_placement(constants.TOOLTIP_DISTANCE, 'n')
-	});
-
-	jQuery(".ffz-tooltip").zipsy({
-		live: true,
-		html: true,
-		className: this.render_tooltip_class(),
-		title: this.render_tooltip(),
-		gravity: utils.newtip_placement(constants.TOOLTIP_DISTANCE, 'n')
-		//gravity: utils.tooltip_placement(constants.TOOLTIP_DISTANCE, 'n')
-	});
-
-	// First, override the tooltip mixin.
-	var TipsyTooltip = utils.ember_resolve('component:tipsy-tooltip');
-	if ( TipsyTooltip ) {
-		this.log("Modifying Tipsy-Tooltip component to use gravity.");
-		TipsyTooltip.reopen({
-			didInsertElement: function() {
-				var gravity = this.get("gravity");
-				if ( ! gravity || typeof gravity === "string" )
-					gravity = utils.newtip_placement(constants.TOOLTIP_DISTANCE, gravity || 's');
-
-				this.$().zipsy({
-					gravity: gravity
-				});
-			}
-		})
-	}
-
-	// Fix tipsy invalidation
-	if ( window.jQuery && jQuery.fn && jQuery.fn.tipsy )
-		jQuery.fn.tipsy.revalidate = function() {
-			jQuery(".tipsy").each(function() {
-				var t = jQuery.data(this, "tipsy-pointee");
-				(!t || !t[0] || !document.contains(t[0])) && jQuery(this).remove();
-			})
-		};
-
-
-	// Iterate all existing tipsy stuff~!
-	this.log('Fixing already existing tooltips.');
-	if ( ! window.jQuery || ! jQuery.cache )
-		return;
-
-	for(var obj_id in jQuery.cache) {
-		var obj = jQuery.cache[obj_id];
-		if ( obj && obj.data && obj.data.tipsy && obj.data.tipsy.options && typeof obj.data.tipsy.options.gravity !== "function" ) {
-			obj.data.tipsy.options.gravity = utils.tooltip_placement(constants.TOOLTIP_DISTANCE, obj.data.tipsy.options.gravity || 's');
-		}
-	}
-}
-
-
-// ---------------------
-// Zipsy!
-// ---------------------
-
-var zipsyIdcounter = 0;
-
-function maybeCall(thing, ctx) {
-	return typeof thing === 'function' ? thing.apply(ctx, Array.prototype.slice.call(arguments, 2)) : thing;
-}
-
-function Zipsy(element, options) {
-	this.$element = jQuery(element);
-	this.options = options;
-	this.enabled = true;
-	this.fixTitle();
-}
-
-Zipsy.prototype = {
-	show: function() {
-		var j_el = this.$element,
-			el = j_el[0];
-
-		if ( ! this.enabled || ! document.contains(el) || ! j_el.is(':visible') )
-			return;
-
-		var title = this.getTitle(),
-			$tip = this.tip();
-
-		if ( ! title )
-			return;
-
-		$tip.find('.tipsy-inner')[this.options.html ? 'html' : 'text'](title);
-		$tip[0].className = 'zipsy tipsy';
-		if ( this.options.className )
-			$tip.addClass(maybeCall(this.options.className, el));
-
-		var prepend_to = maybeCall(this.options.prependTo, el);
-		if ( typeof prepend_to === 'string' )
-			prepend_to = document.querySelector(prepend_to);
-		else if ( typeof prepend_to === 'object' && !(prepend_to instanceof HTMLElement) )
-			prepend_to = prepend_to[0];
-		else if ( ! prepend_to )
-			prepend_to = document.body;
-
-		if ( ! prepend_to )
-			return;
-
-		$tip.detach().css({
-			top: 0, left: 0,
-			width: '', height: '',
-			visibility: 'hidden',
-			display: 'block'
-		}).prependTo(prepend_to).data('tipsy-pointee', el);
-
-		var pos;
-
-		if ( j_el.parents('svg').length > 0 )
-			pos = jQuery.extend({}, j_el.offset(), el.getBBox());
-
-		else {
-			var el_box = el.getBoundingClientRect(),
-				cont_box = prepend_to.getBoundingClientRect();
-
-			pos = {
-				top: el_box.top - cont_box.top,
-				left: el_box.left - cont_box.left,
-				width: el_box.width,
-				height: el_box.height
-			}
-
-		}
-
-		var bbox = $tip[0].getBoundingClientRect(),
-			actual_width = Math.ceil(bbox.width),
-			actual_height = Math.ceil(bbox.height),
-			gravity = maybeCall(this.options.gravity, el, bbox),
-			g1 = gravity.charAt(0),
-			g2 = gravity.length > 1 ? gravity.charAt(1) : 'c',
-			offset = maybeCall(this.options.offset, el),
-			tp = {};
-
-		if ( g1 === 'n' )
-			tp.top = pos.top + pos.height + offset;
-
-		else if ( g1 === 's' )
-			tp.top = pos.top - actual_height - offset;
-
-		else if ( g1 === 'e' )
-			tp.left = pos.left - actual_width - offset;
-
-		else if ( g1 === 'w' )
-			tp.left = pos.left + pos.width + offset;
-
-		if ( g1 === 'n' || g1 === 's' ) {
-			if ( g2 === 'c' )
-				tp.left = pos.left + pos.width / 2 - actual_width / 2;
-
-			else if ( g2 === 'e' )
-				tp.left = pos.left + pos.width - actual_width + 5;
-
-			else if ( g2 === 'w' )
-				tp.left = pos.left - 5;
-
-		} else if ( g1 === 'e' || g1 === 'w' ) {
-			if ( g2 === 'c' )
-				tp.top = pos.top + pos.height / 2 - actual_height / 2;
-
-			else if ( g2 === 'n' )
-				tp.top = pos.top - 5;
-
-			else if ( g2 === 's' )
-				tp.top = pos.top + pos.height - actual_height + 5;
-		}
-
-		$tip.css(tp).addClass('tipsy-' + gravity);
-		$tip.find('.tipsy-arrow')[0].className = 'tipsy-arrow tipsy-arrow-' + gravity.charAt(0);
-		$tip.css({width: actual_width + 'px'});
-
-		var opacity = maybeCall(this.options.opacity, el);
-
-		if ( this.options.fade )
-			$tip.stop().css({
-				opacity: 0,
-				display: 'block',
-				visibility: 'hidden'
-			}).animate({
-				opacity: opacity
-			}, this.options.fadeInTime);
-
-		else
-			$tip.css({
-				visibility: 'visible',
-				opacity: opacity
-			});
-
-		if ( this.options.aria ) {
-			var tip_id = zipsyIdcounter++;
-			$tip.attr('id', tip_id);
-			j_el.attr('aria-describedby', tip_id);
-		}
-	},
-
-	hide: function() {
-		if ( this.options.fade )
-			this.tip().stop().fadeOut(this.options.fadeOutTime, function() { jQuery(this).detach() });
-		else
-			this.tip().detach();
-
-		if ( this.options.aria )
-			this.$element.removeAttr('aria-describedby');
-	},
-
-	fixTitle: function() {
-		var e = this.$element;
-		if ( e.attr('title') || typeof e.attr('original-title') !== 'string' )
-			e.attr('original-title', e.attr('title') || '').removeAttr('title');
-	},
-
-	getTitle: function() {
-		var e = this.$element,
-			title = this.options.title;
-
-		if ( title === 'title' ) {
-			this.fixTitle();
-			title = e.attr('original-title');
-		} else if ( typeof title === 'string' )
-			title = e.attr(title);
-		else if ( typeof title === 'function' )
-			title = title.call(e[0]);
-		else
-			title = '';
-
-		return (''+title).trim() || this.options.fallback;
-	},
-
-	tip: function() {
-		var t = this;
-		if ( ! this._tip )
-			this._tip = jQuery('<div class="zipsy tipsy" role="tooltip"><div class="tipsy-arrow"></div><div class="tipsy-inner"></div></div>');
-
-		this._tip
-			.off('mouseenter mouseleave')
-			.on('mouseenter', function() {
-				t.hoverState = 'in';
-
-			}).on('mouseleave', function() {
-				t.hoverState = 'out';
-				if ( t.options.delayOut === 0 )
-					t.hide();
-				else
-					setTimeout(function() {
-						if ( t.hoverState === 'out' || ! t.$element || ! t.$element.is(':visible') )
-							t.hide();
-					}, t.options.delayOut);
-			})
-
-		return this._tip;
-	},
-
-	validate: function() {
-		if ( ! this.$element[0].parentNode ) {
-			this.hide();
-			this.$element = null;
-			this.options = null;
-			this.enabled = false;
-		}
-	},
-
-	enable: function() {
-		this.enabled = true;
-	},
-
-	disable: function() {
-		this.enabled = false;
-	},
-
-	toggleEnabled: function() {
-		this.enabled = !this.enabled;
-	}
-}
-
-var JQ_Zipsy = function(options) {
-	JQ_Zipsy.enable();
-
-	if ( options === true )
-		return this.data('tipsy');
-
-	else if ( typeof options === 'string' ) {
-		var tipsy = this.data('tipsy');
-		if ( tipsy )
-			tipsy[options]();
-
-		return this;
-	}
-
-	options = jQuery.extend({}, JQ_Zipsy.defaults, options);
-
-	function get(el) {
-		var zipsy = jQuery.data(el, 'tipsy');
-		if ( ! zipsy ) {
-			zipsy = new Zipsy(el, JQ_Zipsy.elementOptions(el, options));
-			jQuery.data(el, 'tipsy', zipsy);
-		}
-
-		return zipsy;
-	}
-
-	function enter() {
-		if ( ! JQ_Zipsy.enabled )
-			return;
-
-		var zipsy = get(this);
-		zipsy.hoverState = 'in';
-		if ( options.delayIn === 0 )
-			zipsy.show();
-		else
-			setTimeout(function() {
-				if ( zipsy.hoverState === 'in' )
-					zipsy.show();
-			}, options.delayIn);
-	}
-
-	function leave() {
-		var zipsy = get(this);
-		zipsy.hoverState = 'out';
-		if ( options.delayOut === 0 )
-			zipsy.hide();
-		else
-			setTimeout(function() {
-				if ( zipsy.hoverState === 'out' || ! zipsy.$element || ! zipsy.$element.is(':visible') )
-					zipsy.hide();
-			}, options.delayOut);
-	}
-
-	if ( ! options.live )
-		this.each(function() { get(this) });
-
-	if ( options.trigger !== 'manual' ) {
-		var event_in = options.trigger === 'hover' ? 'mouseenter mouseover' : 'focus',
-			event_out = options.trigger === 'hover' ? 'mouseleave mouseout' : 'blur';
-
-		if ( options.live && options.live !== true ) {
-			jQuery(this).on(event_in, options.live, enter);
-			jQuery(this).on(event_out, options.live, leave);
-		} else if ( options.live ) {
-			jQuery(document.body).on(event_in, this.selector, enter);
-			jQuery(document.body).on(event_out, this.selector, leave);
-
-		} else {
-			var binder = options.live ? 'live' : 'bind';
-			this[binder](event_in, enter)[binder](event_out, leave);
-		}
-	}
-
-	return this;
-}
-
-JQ_Zipsy.defaults = {
-	aria: false,
-	className: null,
-	delayIn: 0,
-	delayOut: 0,
-	fade: false,
-	fadeInTime: 400,
-	fadeOutTime: 400,
-	fallback: '',
-	gravity: 'n',
-	html: false,
-	live: false,
-	offset: 0,
-	opacity: 0.8,
-	title: 'title',
-	trigger: 'hover',
-	theme: '',
-	prependTo: document.body
-};
-
-JQ_Zipsy.revalidate = function() {
-	jQuery('.tipsy').each(function() {
-		var t = jQuery.data(this, "tipsy-pointee");
-		(!t || !t[0] || !document.contains(t[0])) && jQuery(this).remove();
-	});
-}
-
-JQ_Zipsy.clear = function() {
-	jQuery('.tipsy').remove();
-}
-
-JQ_Zipsy.enable = function() {
-	JQ_Zipsy.enabled = true;
-}
-
-JQ_Zipsy.disable = function() {
-	JQ_Zipsy.enabled = false;
-}
-
-JQ_Zipsy.elementOptions = function(el, options) {
-	return options;
-}
-
-JQ_Zipsy.autoNS = function() {
-	return $(this).offset().top > ($(document).scrollTop() + $(window).height() / 2) ? 's' : 'n';
-}
-
-JQ_Zipsy.autoWE = function() {
-	return $(this).offset().left > ($(document).scrollLeft() + $(window).width() / 2) ? 'e' : 'w';
-}
-
-JQ_Zipsy.autoNWNE = function() {
-	return $(this).offset().left > ($(document).scrollLeft() + $(window).width() / 2) ? 'ne' : 'nw';
-}
-
-JQ_Zipsy.autoSWSE = function() {
-	return $(this).offset().left > ($(document).scrollLeft() + $(window).width() / 2) ? 'se' : 'sw';
-}
-
-JQ_Zipsy.autoBounds = utils.newtip_placement;
-
-if ( window.jQuery && jQuery.fn )
-	jQuery.fn.zipsy = JQ_Zipsy;
diff --git a/src/ui/viewer_count.js b/src/ui/viewer_count.js
deleted file mode 100644
index 78154a24..00000000
--- a/src/ui/viewer_count.js
+++ /dev/null
@@ -1,72 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	constants = require('../constants'),
-	utils = require('../utils');
-
-
-// ------------
-// FFZ Viewers
-// ------------
-
-FFZ.ws_commands.chatters = function(data) {
-	var channel = data[0], count = data[1];
-
-	var controller = utils.ember_lookup('controller:channel'),
-		match = this.is_dashboard ? location.pathname.match(/\/([^\/]+)/) : undefined,
-		id = this.is_dashboard ? match && match[1] : controller && controller.get && controller.get('id');
-
-	if ( ! this.is_dashboard ) {
-		var room = this.rooms && this.rooms[channel];
-		if ( room ) {
-			room.ffz_chatters = count;
-			if ( this._cindex )
-				this._cindex.ffzUpdateMetadata('chatters');
-		}
-		return;
-	}
-
-	this._dash_chatters = count;
-}
-
-FFZ.ws_commands.viewers = function(data) {
-	var channel = data[0], count = data[1];
-
-	var controller = utils.ember_lookup('controller:channel'),
-		match = this.is_dashboard ? location.pathname.match(/\/([^\/]+)/) : undefined,
-		id = this.is_dashboard ? match && match[1] : controller && controller.get && controller.get('id');
-
-	if ( ! this.is_dashboard ) {
-		var room = this.rooms && this.rooms[channel];
-		if ( room ) {
-			room.ffz_viewers = count;
-			if ( this._cindex )
-				this._cindex.ffzUpdateMetadata('chatters');
-		}
-		return;
-	}
-
-	this._dash_viewers = count;
-
-	if ( ! this.settings.chatter_count || id !== channel )
-		return;
-
-	var view_count = document.querySelector('#ffz-ffzchatter-display'),
-		content = constants.ZREKNARF + ' ' + utils.number_commas(count) + (typeof this._dash_chatters === "number" ? ' (' + utils.number_commas(this._dash_chatters) + ')' : "");
-
-	if ( view_count )
-		view_count.innerHTML = content;
-	else {
-		var parent = document.querySelector("#stats");
-		if ( ! parent )
-			return;
-
-		view_count = document.createElement('span');
-		view_count.id = "ffz-ffzchatter-display";
-		view_count.className = 'ffz stat';
-		view_count.title = 'Viewers (In Chat) with FrankerFaceZ';
-		view_count.innerHTML = content;
-
-		parent.appendChild(view_count);
-		jQuery(view_count).zipsy({
-			gravity: this.is_dashboard ? "s" : utils.newtip_placement(constants.TOOLTIP_DISTANCE, 'n')});
-	}
-}
\ No newline at end of file
diff --git a/src/colors.js b/src/utilities/color.js
similarity index 54%
rename from src/colors.js
rename to src/utilities/color.js
index d576cfb2..34206ab7 100644
--- a/src/colors.js
+++ b/src/utilities/color.js
@@ -1,177 +1,44 @@
-var FFZ = window.FrankerFaceZ,
-	utils = require('./utils'),
+'use strict';
+/* eslint-disable */
 
-	hue2rgb = function(p, q, t) {
-		if ( t < 0 ) t += 1;
-		if ( t > 1 ) t -= 1;
-		if ( t < 1/6 )
-			return p + (q-p) * 6 * t;
-		if ( t < 1/2 )
-			return q;
-		if ( t < 2/3 )
-			return p + (q-p) * (2/3 - t) * 6;
-		return p;
-	},
+import {has} from 'utilities/object';
 
-	bit2linear = function(channel) {
-		// http://www.brucelindbloom.com/Eqn_RGB_to_XYZ.html
-		// This converts rgb 8bit to rgb linear, lazy because the other algorithm is really really dumb
-		//return Math.pow(channel, 2.2);
+export function hue2rgb(p, q, t) {
+	if ( t < 0 ) t += 1;
+	if ( t > 1 ) t -= 1;
+	if ( t < 1/6 )
+		return p + (q-p) * 6 * t;
+	if ( t < 1/2 )
+		return q;
+	if ( t < 2/3 )
+		return p + (q-p) * (2/3 - t) * 6;
+	return p;
+}
 
-		// CSS Colors Level 4 says 0.03928, Bruce Lindbloom who cared to write all algos says 0.04045, used bruce because whynawt
-		return (channel <= 0.04045) ? channel / 12.92 : Math.pow((channel + 0.055) / 1.055, 2.4);
-	},
+export function bit2linear(channel) {
+	// http://www.brucelindbloom.com/Eqn_RGB_to_XYZ.html
+	// This converts rgb 8bit to rgb linear, lazy because the other algorithm is really really dumb
+	//return Math.pow(channel, 2.2);
 
-	linear2bit = function(channel) {
-		// Using lazy conversion in the other direction as well
-		//return Math.pow(channel, 1/2.2);
+	// CSS Colors Level 4 says 0.03928, Bruce Lindbloom who cared to write all algos says 0.04045, used bruce because whynawt
+	return (channel <= 0.04045) ? channel / 12.92 : Math.pow((channel + 0.055) / 1.055, 2.4);
+}
 
-		// I'm honestly not sure about 0.0031308, I've only seen it referenced on Bruce Lindbloom's site
-		return (channel <= 0.0031308) ? channel * 12.92 : Math.pow(1.055 * channel, 1/2.4) - 0.055;
-	};
+export function linear2bit(channel) {
+	// Using lazy conversion in the other direction as well
+	//return Math.pow(channel, 1/2.2);
 
-
-// ---------------------
-// Settings
-// ---------------------
-
-FFZ.settings_info.fix_color = {
-	type: "select",
-	options: {
-		'-1': "Disabled",
-		0: ["Default (Unprocessed)", 1],
-		6: ["HSL Luma (New Default)", 2],
-		1: ["Luv Luma (Old Default)", 3],
-		5: ["HSL Loop (BTTV-Like)", 4],
-
-		2: ["HSL Adjustment (Deprecated)", 5],
-		3: ["HSV Adjustment (Deprecated)", 6],
-		4: ["RGB Adjustment (Deprecated)", 7],
-	},
-
-	value: 6,
-
-	category: "Chat Appearance",
-	no_bttv: true,
-
-	name: "Username Colors",
-	help: "Ensure that username colors contrast with the background enough to be readable.",
-
-	process_value: utils.process_int(6, 0, 6),
-
-	on_update: function(val) {
-		this.toggle_style('chat-colors-gray', !this.has_bttv && val === -1);
-
-		if ( ! this.has_bttv && val !== -1 )
-			this._rebuild_colors();
-	}
-};
-
-
-FFZ.settings_info.luv_contrast = {
-	type: "button",
-	value: 4.5,
-
-	category: "Chat Appearance",
-	no_bttv: true,
-
-	name: "Username Colors - Luv Minimum Contrast",
-	help: "Set the minimum contrast ratio used by Luv Adjustment to ensure colors are readable.",
-
-	method: function() {
-		var f = this,
-			old_val = this.settings.luv_contrast;
-
-		utils.prompt(
-			"Luv Adjustment Minimum Contrast Ratio",
-			"Please enter a new value for the minimum contrast ratio required between username colors and the background.</p><p><b>Default:</b> 4.5",
-			old_val,
-			function(new_val) {
-				if ( new_val === null || new_val === undefined )
-					return;
-
-				var parsed = parseFloat(new_val);
-				if ( Number.isNaN(parsed) || ! Number.isFinite(parsed) )
-					parsed = 4.5;
-
-				f.settings.set("luv_contrast", parsed);
-			});
-	},
-
-	on_update: function(val) {
-		this._rebuild_contrast();
-		this._rebuild_filter_styles();
-
-		if ( ! this.has_bttv && this.settings.fix_color === 1 )
-			this._rebuild_colors();
-	}
-};
-
-
-FFZ.settings_info.color_blind = {
-	type: "select",
-	options: {
-		0: "Disabled",
-		protanope: "Protanope",
-		deuteranope: "Deuteranope",
-		tritanope: "Tritanope"
-	},
-	value: '0',
-
-	category: "Chat Appearance",
-	no_bttv: true,
-
-	name: "Username Colors - Color Blindness",
-	help: "Adjust username colors in an attempt to make them more distinct for people with color blindness.",
-
-	on_update: function(val) {
-		if ( ! this.has_bttv && this.settings.fix_color !== -1 )
-			this._rebuild_colors();
-	}
-};
-
-
-// --------------------
-// Initialization
-// --------------------
-
-FFZ.prototype.setup_colors = function() {
-	this.toggle_style('chat-colors-gray', !this.has_bttv && this.settings.fix_color === -1);
-
-	this._hex_colors = {};
-	this._rebuild_contrast();
-
-	this._update_colors();
-
-	// Events for rebuilding colors.
-	var Layout = utils.ember_lookup('service:layout'),
-		ThemeManager = utils.ember_lookup('service:theme-manager'),
-		Settings = utils.ember_settings();
-
-	if ( Layout )
-		Layout.addObserver("isTheatreMode", this._update_colors.bind(this, true));
-
-	if ( Settings )
-		Settings.addObserver("darkMode", this._update_colors.bind(this, true))
-
-	if ( ThemeManager )
-		ThemeManager.addObserver("themes.activeTheme", this._update_colors.bind(this, true));
-
-
-	this._color_old_darkness = (ThemeManager && ThemeManager.get('themes.activeTheme') === 'theme--dark') || (Layout && Layout.get('isTheatreMode')) || (Settings && Settings.get('darkMode'));
+	// I'm honestly not sure about 0.0031308, I've only seen it referenced on Bruce Lindbloom's site
+	return (channel <= 0.0031308) ? channel * 12.92 : Math.pow(1.055 * channel, 1/2.4) - 0.055;
 }
 
 
-// -----------------------
-// Color Handling Classes
-// -----------------------
+export const Color = {};
 
-FFZ.Color = {};
+Color._canvas = null;
+Color._context = null;
 
-FFZ.Color._canvas = null;
-FFZ.Color._context = null;
-
-FFZ.Color.CVDMatrix = {
+Color.CVDMatrix = {
 	protanope: [ // reds are greatly reduced (1% men)
 		0.0, 2.02344, -2.52581,
 		0.0, 1.0,      0.0,
@@ -190,23 +57,23 @@ FFZ.Color.CVDMatrix = {
 }
 
 
-var RGBAColor = FFZ.Color.RGBA = function(r, g, b, a) {
+const RGBAColor = Color.RGBA = function(r, g, b, a) {
 	this.r = r||0; this.g = g||0; this.b = b||0; this.a = a||0;
 };
 
-var HSVAColor = FFZ.Color.HSVA = function(h, s, v, a) {
+const HSVAColor = Color.HSVA = function(h, s, v, a) {
 	this.h = h||0; this.s = s||0; this.v = v||0; this.a = a||0;
 };
 
-var HSLAColor = FFZ.Color.HSLA = function(h, s, l, a) {
+const HSLAColor = Color.HSLA = function(h, s, l, a) {
 	this.h = h||0; this.s = s||0; this.l = l||0; this.a = a||0;
 };
 
-var XYZAColor = FFZ.Color.XYZA = function(x, y, z, a) {
+const XYZAColor = Color.XYZA = function(x, y, z, a) {
 	this.x = x||0; this.y = y||0; this.z = z||0; this.a = a||0;
 };
 
-var LUVAColor = FFZ.Color.LUVA = function(l, u, v, a) {
+const LUVAColor = Color.LUVA = function(l, u, v, a) {
 	this.l = l||0; this.u = u||0; this.v = v||0; this.a = a||0;
 };
 
@@ -218,16 +85,16 @@ RGBAColor.prototype.eq = function(rgb) {
 }
 
 RGBAColor.fromName = function(name) {
-	var context = FFZ.Color._context;
+	let context = Color._context;
 	if ( ! context ) {
-		var canvas = FFZ.Color._canvas = document.createElement('canvas');
-		context = FFZ.Color._context = canvas.getContext("2d");
+		const canvas = Color._canvas = document.createElement('canvas');
+		context = Color._context = canvas.getContext('2d');
 	}
 
 	context.clearRect(0,0,1,1);
 	context.fillStyle = name;
 	context.fillRect(0,0,1,1);
-	var data = context.getImageData(0,0,1,1);
+	const data = context.getImageData(0,0,1,1);
 
 	if ( ! data || ! data.data || data.data.length !== 4 )
 		return null;
@@ -244,31 +111,31 @@ RGBAColor.fromCSS = function(rgb) {
 	if ( rgb.charAt(0) === '#' )
 		return RGBAColor.fromHex(rgb);
 
-	var match = /rgba?\( *(\d+%?) *, *(\d+%?) *, *(\d+%?) *(?:, *([\d\.]+))?\)/i.exec(rgb);
+	const match = /rgba?\( *(\d+%?) *, *(\d+%?) *, *(\d+%?) *(?:, *([\d.]+))?\)/i.exec(rgb);
 	if ( match ) {
-		var r = match[1],
+		let r = match[1],
 			g = match[2],
 			b = match[3],
 			a = match[4];
 
 		if ( r.charAt(r.length-1) === '%' )
-			r = 255 * (parseInt(r) / 100);
+			r = 255 * (parseInt(r,10) / 100);
 		else
-			r = parseInt(r);
+			r = parseInt(r,10);
 
 		if ( g.charAt(g.length-1) === '%' )
-			g = 255 * (parseInt(g) / 100);
+			g = 255 * (parseInt(g,10) / 100);
 		else
-			g = parseInt(g);
+			g = parseInt(g,10);
 
 		if ( b.charAt(b.length-1) === '%' )
-			b = 255 * (parseInt(b) / 100);
+			b = 255 * (parseInt(b,10) / 100);
 		else
-			b = parseInt(b);
+			b = parseInt(b,10);
 
 		if ( a )
 			if ( a.charAt(a.length-1) === '%' )
-				a = parseInt(a) / 100;
+				a = parseInt(a,10) / 100;
 			else
 				a = parseFloat(a);
 		else
@@ -279,24 +146,40 @@ RGBAColor.fromCSS = function(rgb) {
 			Math.min(Math.max(0, g), 255),
 			Math.min(Math.max(0, b), 255),
 			Math.min(Math.max(0, a), 1)
-			);
+		);
 	}
 
 	return RGBAColor.fromName(rgb);
 }
 
-RGBAColor.fromHex = function(code) {
-	var raw = parseInt(code.charAt(0) === '#' ? code.substr(1) : code, 16);
+RGBAColor.fromHex = function(code, alpha = 1) {
+	if ( code.charAt(0) === '#' )
+		code = code.slice(1);
+
+	if ( code.length === 3 )
+		code = `${code[0]}${code[0]}${code[1]}${code[1]}${code[2]}${code[2]}`;
+
+	else if ( code.length === 4 )
+		code = `${code[0]}${code[0]}${code[1]}${code[1]}${code[2]}${code[2]}${code[3]}${code[3]}`;
+
+	if ( code.length === 8 ) {
+		alpha = parseInt(code.slice(6), 16) / 255;
+		code = code.slice(0, 6);
+
+	} else if ( code.length !== 6 )
+		throw new Error('invalid hex code');
+
+	const raw = parseInt(code, 16);
 	return new RGBAColor(
 		(raw >> 16),		 // Red
 		(raw >> 8 & 0x00FF), // Green
 		(raw & 0x0000FF),    // Blue,
-		1                    // Alpha
-		)
+		alpha                // Alpha
+	);
 }
 
 RGBAColor.fromHSVA = function(h, s, v, a) {
-	var r, g, b,
+	let r, g, b,
 
 		i = Math.floor(h * 6),
 		f = h * 6 - i,
@@ -322,7 +205,7 @@ RGBAColor.fromHSVA = function(h, s, v, a) {
 }
 
 RGBAColor.fromXYZA = function(x, y, z, a) {
-	var R =  3.240479 * x - 1.537150 * y - 0.498535 * z,
+	const R =  3.240479 * x - 1.537150 * y - 0.498535 * z,
 		G = -0.969256 * x + 1.875992 * y + 0.041556 * z,
 		B =  0.055648 * x - 0.204043 * y + 1.057311 * z;
 
@@ -337,11 +220,11 @@ RGBAColor.fromXYZA = function(x, y, z, a) {
 
 RGBAColor.fromHSLA = function(h, s, l, a) {
 	if ( s === 0 ) {
-		var v = Math.round(Math.min(Math.max(0, 255*l), 255));
+		const v = Math.round(Math.min(Math.max(0, 255*l), 255));
 		return new RGBAColor(v, v, v, a === undefined ? 1 : a);
 	}
 
-	var q = l < 0.5 ? l * (1 + s) : l + s - l * s,
+	const q = l < 0.5 ? l * (1 + s) : l + s - l * s,
 		p = 2 * l - q;
 
 	return new RGBAColor(
@@ -395,8 +278,8 @@ RGBAColor.prototype.daltonize = function(type, amount) {
 	amount = typeof amount === "number" ? amount : 1.0;
 	var cvd;
 	if ( typeof type === "string" ) {
-		if ( FFZ.Color.CVDMatrix.hasOwnProperty(type) )
-			cvd = FFZ.Color.CVDMatrix[type];
+		if ( Color.CVDMatrix.hasOwnProperty(type) )
+			cvd = Color.CVDMatrix[type];
 		else
 			throw "Invalid CVD matrix.";
 	} else
@@ -649,196 +532,104 @@ LUVAColor.prototype._v = function(v) { return new LUVAColor(this.l, this.u, v, t
 LUVAColor.prototype._a = function(a) { return new LUVAColor(this.l, this.u, this.v, a); }
 
 
-// --------------------
-// Rebuild Colors
-// --------------------
 
-FFZ.prototype._rebuild_contrast = function() {
-	this._luv_required_bright = new XYZAColor(0, (this.settings.luv_contrast * (new RGBAColor(35,35,35,1).toXYZA().y + 0.05) - 0.05), 0, 1).toLUVA().l;
-	this._luv_required_dark = new XYZAColor(0, ((new RGBAColor(217,217,217,1).toXYZA().y + 0.05) / this.settings.luv_contrast - 0.05), 0, 1).toLUVA().l;
+export class ColorAdjuster {
+	constructor(base = '#232323', mode = 0, contrast = 4.5) {
+		this._contrast = contrast;
+		this._base = base;
+		this._mode = mode;
 
-	this._luv_background_bright = new XYZAColor(0, (this.settings.luv_contrast * (RGBAColor.fromCSS("#3c3a41").toXYZA().y + 0.05) - 0.05), 0, 1).toLUVA().l;
-	this._luv_background_dark = new XYZAColor(0, ((RGBAColor.fromCSS("#acacbf").toXYZA().y + 0.05) / this.settings.luv_contrast - 0.05), 0, 1).toLUVA().l;
-
-	this._hslluma_required_bright = this.settings.luv_contrast * (RGBAColor.fromCSS("#17141f").luminance() + 0.05) - 0.05;
-	this._hslluma_required_dark = (RGBAColor.fromCSS("#efeef1").luminance() + 0.05) / this.settings.luv_contrast - 0.05;
-}
-
-FFZ.prototype._rebuild_colors = function() {
-	if ( this.has_bttv )
-		return;
-
-	// With update colors, we'll automatically process the colors we care about.
-	this._hex_colors = {};
-	this._update_colors();
-}
-
-
-FFZ.prototype._update_colors = function(darkness_only) {
-	// Update the lines. ALL of them.
-	var Layout = utils.ember_lookup('service:layout'),
-		ThemeManager = utils.ember_lookup('service:theme-manager'),
-
-		is_dark = (ThemeManager && ThemeManager.get('themes.activeTheme') === 'theme--dark') || (Layout && Layout.get('isTheatreMode')) || this.settings.get_twitch("darkMode"),
-		cr_dark = this.settings.dark_twitch || (Layout && Layout.get('isTheatreMode'));
-
-	if ( darkness_only && this._color_old_darkness === is_dark )
-		return;
-
-	this._color_old_darkness = is_dark;
-
-	var colored_bits = document.querySelectorAll('.has-color');
-	for(var i=0, l=colored_bits.length; i < l; i++) {
-		var bit = colored_bits[i],
-			color = bit.getAttribute('data-color'),
-			colors = color && this._handle_color(color);
-
-		if ( ! colors )
-			continue;
-
-		bit.style.color = (bit.classList.contains('replay-color') ? cr_dark : is_dark) ? colors[1] : colors[0];
-	}
-}
-
-
-FFZ.prototype._handle_filter_color = function(color) {
-	if (!( color instanceof RGBAColor ))
-		color = RGBAColor.fromCSS(color);
-
-	var light_color = color,
-		dark_color = color,
-		luv = color.toLUVA();
-
-	if ( luv.l < this._luv_background_bright )
-		light_color = luv._l(this._luv_background_bright).toRGBA();
-
-	if ( luv.l > this._luv_background_dark )
-		dark_color = luv._l(this._luv_background_dark).toRGBA();
-
-	return [light_color, dark_color];
-}
-
-
-FFZ.prototype._handle_color = function(color) {
-	if ( color instanceof RGBAColor )
-		color = color.toCSS();
-
-	if ( ! color )
-		return null;
-
-	if ( this._hex_colors.hasOwnProperty(color) )
-		return this._hex_colors[color];
-
-	var rgb = RGBAColor.fromCSS(color),
-
-		light_color = rgb,
-		dark_color = rgb;
-
-	// Color Blindness Handling
-	if ( this.settings.color_blind !== '0' ) {
-		var new_color = rgb.daltonize(this.settings.color_blind);
-		if ( ! rgb.eq(new_color) ) {
-			rgb = new_color;
-			light_color = dark_color = rgb;
-		}
+		this.rebuildContrast();
 	}
 
+	get contrast() { return this._contrast }
+	set contrast(val) { this._contrast = val; this.rebuildContrast() }
 
-	// Color Processing - LUV
-	if ( this.settings.fix_color === 1 ) {
-		var luv = rgb.toLUVA();
+	get base() { return this._base }
+	set base(val) { this._base = val; this.rebuildContrast() }
 
-		if ( luv.l > this._luv_required_dark )
-			light_color = luv._l(this._luv_required_dark).toRGBA();
+	get dark() { return this._dark }
 
-		if ( luv.l < this._luv_required_bright )
-			dark_color = luv._l(this._luv_required_bright).toRGBA();
-	}
+	get mode() { return this._mode }
+	set mode(val) { this._mode = val; this.rebuildContrast() }
 
 
-	// Color Processing - HSL (Deprecated)
-	if ( this.settings.fix_color === 2 ) {
-		var hsl = rgb.toHSLA();
+	rebuildContrast() {
+		this._cache = {};
 
-		light_color = hsl._l(Math.min(Math.max(0, 0.7 * hsl.l), 1)).toRGBA();
-		dark_color = hsl._l(Math.min(Math.max(0, 0.3 + (0.7 * hsl.l)), 1)).toRGBA();
-	}
+		const base = RGBAColor.fromCSS(this._base),
+			lum = base.luminance();
 
+		const dark = this._dark = lum < 0.5;
 
-	// Color Processing - HSV (Deprecated)
-	if ( this.settings.fix_color === 3 ) {
-		var hsv = rgb.toHSVA();
+		if ( dark ) {
+			this._luv = new XYZAColor(
+				0,
+				(this._contrast * (base.toXYZA().y + 0.05) - 0.05),
+				0,
+				1
+			).toLUVA().l;
 
-		if ( hsv.s === 0 ) {
-			// Black and White
-			light_color = hsv._v(Math.min(Math.max(0.5, 0.5 * hsv.v), 1)).toRGBA();
-			dark_color = hsv._v(Math.min(Math.max(0.5, 0.5 + (0.5 * hsv.v)), 1)).toRGBA();
+			this._luma = this._contrast * (base.luminance() + 0.05) - 0.05;
 
 		} else {
-			light_color = RGBAColor.fromHSVA(hsv.h, Math.min(Math.max(0.7, 0.7 + (0.3 * hsv.s)), 1), Math.min(0.7, hsv.v), hsv.a);
-			dark_color = RGBAColor.fromHSVA(hsv.h, Math.min(0.7, hsv.s), Math.min(Math.max(0.7, 0.7 + (0.3 * hsv.v)), 1), hsv.a);
+			this._luv = new XYZAColor(
+				0,
+				(base.toXYZA().y + 0.05) / this._contrast - 0.05,
+				0,
+				1
+			).toLUVA().l;
+
+			this._luma = (base.luminance() + 0.05) / this._contrast - 0.05;
 		}
 	}
 
+	process(color) {
+		if ( this._mode === -1 )
+			return '';
+		else if ( this._mode === 0 )
+			return color;
 
-	// Color Processing - RGB (Deprecated)
-	if ( this.settings.fix_color === 4 ) {
-		var lum = rgb.luminance();
+		if ( color instanceof RGBAColor )
+			color = color.toCSS();
 
-		if ( lum > 0.3 ) {
-			var s = 127, nc = rgb;
-			while(s--) {
-				nc = nc.brighten(-1);
-				if ( nc.luminance() <= 0.3 )
-					break;
-			}
+		if ( ! color )
+			return null;
 
-			light_color = nc;
+		if ( has(this._cache, color) )
+			return this._cache[color];
+
+		let rgb = RGBAColor.fromCSS(color);
+
+		if ( this._mode === 1 ) {
+			// HSL Luma
+			const luma = rgb.luminance();
+
+			if ( this._dark ? luma < this._luma : luma > this._luma )
+				rgb = rgb.toHSLA().targetLuminance(this._luma).toRGBA();
+
+		} else if ( this._mode === 2 ) {
+			// LUV
+			const luv = rgb.toLUVA();
+			if ( this._dark ? luv.l < this._luv : luv.l > this._luv )
+				rgb = luv._l(this._luv).toRGBA();
+
+		} else if ( this._mode === 3 ) {
+			// HSL Loop (aka BTTV Style)
+			if ( this._dark )
+				while ( rgb.get_Y() < 0.5 ) {
+					const hsl = rgb.toHSLA();
+					rgb = hsl._l(Math.min(Math.max(0, 0.1 + 0.9 * hsl.l), 1)).toRGBA();
+				}
+
+			else
+				while ( rgb.get_Y() >= 0.5 ) {
+					const hsl = rgb.toHSLA();
+					rgb = hsl._l(Math.min(Math.max(0, 0.9 * hsl.l), 1)).toRGBA();
+				}
 		}
 
-		if ( lum < 0.15 ) {
-			var s = 127, nc = rgb;
-			while(s--) {
-				nc = nc.brighten();
-				if ( nc.luminance() >= 0.15 )
-					break;
-			}
-
-			dark_color = nc;
-		}
+		const out = this._cache[color] = rgb.toHex();
+		return out;
 	}
-
-
-	// Color Processing - HSL BTTV-Like
-	if ( this.settings.fix_color === 5 ) {
-		// BetterTTV adjusts its colors by converting them to the YIQ color space and then
-		// checking the value of Y. If it isn't past the half-way threshold, it then either
-		// brightens or darkens the luminosity, in HSL color space and checks again. Repeat
-		// until the color is acceptible.
-
-		while ( light_color.get_Y() >= 0.5 ) {
-			var hsl = light_color.toHSLA();
-			light_color = hsl._l(Math.min(Math.max(0, 0.9 * hsl.l), 1)).toRGBA();
-		}
-
-		while ( dark_color.get_Y() < 0.5 ) {
-			var hsl = dark_color.toHSLA();
-			dark_color = hsl._l(Math.min(Math.max(0, 0.1 + 0.9 * hsl.l), 1)).toRGBA();
-		}
-	}
-
-
-	// Color Processing - HSL Luma
-	if ( this.settings.fix_color === 6 ) {
-		var lum = rgb.luminance();
-
-		if ( lum > this._hslluma_required_dark )
-			light_color = rgb.toHSLA().targetLuminance(this._hslluma_required_dark).toRGBA();
-
-		if ( lum < this._hslluma_required_bright )
-			dark_color = rgb.toHSLA().targetLuminance(this._hslluma_required_bright).toRGBA();
-	}
-
-	var out = this._hex_colors[color] = [light_color.toHex(), dark_color.toHex()];
-	return out;
-}
+}
\ No newline at end of file
diff --git a/src/utilities/compat/apollo.js b/src/utilities/compat/apollo.js
new file mode 100644
index 00000000..a3d376f2
--- /dev/null
+++ b/src/utilities/compat/apollo.js
@@ -0,0 +1,308 @@
+'use strict';
+
+// ============================================================================
+// Apollo
+// Legendary Data Access Layer
+// ============================================================================
+
+import Module from 'utilities/module';
+import {has} from 'utilities/object';
+
+export default class Apollo extends Module {
+	constructor(...args) {
+		super(...args);
+
+		this.modifiers = {};
+		this.post_modifiers = {};
+
+		this.inject('..web_munch');
+		this.inject('..fine');
+
+		this.registerModifier('ChannelPage_ChannelInfoBar_User', `query {
+	user {
+		stream {
+			createdAt
+			type
+		}
+	}
+}`);
+
+		this.registerModifier('FollowedIndex_CurrentUser', `query {
+	currentUser {
+		followedLiveUsers {
+			nodes {
+				profileImageURL(width: 70)
+				stream {
+					createdAt
+				}
+			}
+		}
+		followedHosts {
+			nodes {
+				hosting {
+					profileImageURL(width: 70)
+					stream {
+						createdAt
+						type
+					}
+				}
+			}
+		}
+	}
+}`);
+
+		this.registerModifier('FollowingLive_CurrentUser', `query {
+	currentUser {
+		followedLiveUsers {
+			nodes {
+				profileImageURL(width: 70)
+				stream {
+					createdAt
+				}
+			}
+		}
+	}
+}`);
+
+		this.registerModifier('ViewerCard', `query {
+	targetUser: user {
+		createdAt
+		profileViewCount
+	}
+}`);
+
+		this.registerModifier('GamePage_Game', `query {
+	game {
+		streams {
+			edges {
+				node {
+					createdAt
+					type
+					broadcaster {
+						profileImageURL(width: 70)
+					}
+				}
+			}
+		}
+	}
+}`);
+
+	}
+
+	async onEnable() {
+		// TODO: Come up with a better way to await something existing.
+		let client = this.client,
+			graphql = this.graphql;
+
+		if ( ! client ) {
+			const root = this.fine.getParent(this.fine.react),
+				ctx = root && root._context;
+
+			client = this.client = ctx && ctx.client;
+		}
+
+		if ( ! graphql )
+			graphql = this.graphql = await this.web_munch.findModule('graphql', m => m.parse && m.parseValue);
+
+		if ( ! client || ! graphql )
+			return new Promise(s => setTimeout(s,50)).then(() => this.onEnable());
+
+		// Parse the queries for modifiers that were already registered.
+		for(const key in this.modifiers)
+			if ( has(this.modifiers, key) ) {
+				const modifiers = this.modifiers[key];
+				if ( modifiers )
+					for(const mod of modifiers) {
+						if ( typeof mod === 'function' || mod[1] === false )
+							continue;
+
+						try {
+							mod[1] = graphql.parse(mod[0], {noLocation: true});
+						} catch(err) {
+							this.log.error(`Error parsing GraphQL statement for "${key}" modifier.`, err);
+							mod[1] = false;
+						}
+					}
+			}
+
+		// Register middleware so that we can intercept requests.
+		this.client.networkInterface.use([{
+			applyBatchMiddleware: (req, next) => {
+				if ( this.enabled )
+					this.apolloPreFlight(req);
+
+				next();
+			}
+		}]);
+
+		this.client.networkInterface.useAfter([{
+			applyBatchAfterware: (resp, next) => {
+				if ( this.enabled )
+					this.apolloPostFlight(resp);
+
+				next();
+			}
+		}]);
+	}
+
+
+	onDisable() {
+		// TODO: Remove Apollo middleware.
+
+		// Tear down the parsed queries.
+		for(const key in this.modifiers)
+			if ( has(this.modifiers, key) ) {
+				const modifiers = this.modifiers[key];
+				if ( modifiers )
+					for(const mod of modifiers) {
+						if ( typeof mod === 'function' )
+							continue;
+
+						mod[1] = null;
+					}
+			}
+
+		// And finally, remove our references.
+		this.client = this.graphql = null;
+	}
+
+
+	apolloPreFlight(request) {
+		for(const req of request.requests) {
+			const operation = req.operationName,
+				modifiers = this.modifiers[operation];
+
+			if ( modifiers )
+				for(const mod of modifiers) {
+					if ( typeof mod === 'function' )
+						mod(req);
+					else if ( mod[1] )
+						this.applyModifier(req, mod[1]);
+				}
+
+			this.emit(`:request.${operation}`, req.query, req.variables);
+		}
+	}
+
+	apolloPostFlight(response) {
+		for(const resp of response.responses) {
+			const operation = resp.extensions.operationName,
+				modifiers = this.post_modifiers[operation];
+
+			if ( modifiers )
+				for(const mod of modifiers)
+					mod(resp);
+
+			this.emit(`:response.${operation}`, resp.data);
+		}
+	}
+
+
+	applyModifier(request, modifier) { // eslint-disable-line class-methods-use-this
+		request.query = merge(request.query, modifier);
+	}
+
+
+	registerModifier(operation, modifier) {
+		if ( typeof modifier !== 'function' ) {
+			let parsed;
+			try {
+				parsed = this.graphql ? this.graphql.parse(modifier, {noLocation: true}) : null;
+			} catch(err) {
+				this.log.error(`Error parsing GraphQL statement for "${operation}" modifier.`, err);
+				parsed = false;
+			}
+
+			modifier = [modifier, parsed];
+		}
+
+		const mods = this.modifiers[operation] = this.modifiers[operation] || [];
+		mods.push(modifier);
+	}
+
+	unregisterModifier(operation, modifier) {
+		const mods = this.modifiers[operation];
+		if ( ! mods )
+			return;
+
+		for(let i=0; i < mods.length; i++) {
+			const mod = mods[i];
+			if ( typeof mod === 'function' ? mod === modifier : mod[0] === modifier ) {
+				mods.splice(i, 1);
+				return;
+			}
+		}
+	}
+
+
+	// ========================================================================
+	// Querying
+	// ========================================================================
+
+	getQuery(operation) {
+		const qm = this.client.queryManager,
+			name_map = qm && qm.queryIdsByName,
+			query_map = qm && qm.observableQueries,
+			query_id = name_map && name_map[operation],
+			query = query_map && query_map[query_id];
+
+		return query && query.observableQuery;
+	}
+
+}
+
+
+// ============================================================================
+// Query Merging
+// ============================================================================
+
+function canMerge(a, b) {
+	return a.kind === b.kind &&
+		a.kind !== 'FragmentDefinition' &&
+		(a.selectionSet == null) === (b.selectionSet == null);
+}
+
+
+function merge(a, b) {
+	if ( ! canMerge(a, b) )
+		return a;
+
+	if ( a.definitions ) {
+		const a_def = a.definitions,
+			b_def = b.definitions;
+
+		for(let i=0; i < a_def.length && i < b_def.length; i++)
+			a_def[i] = merge(a_def[i], b_def[i]);
+	}
+
+	if ( a.selectionSet ) {
+		const s = a.selectionSet.selections,
+			selects = {};
+		for(const sel of b.selectionSet.selections)
+			selects[`${sel.name.value}:${sel.alias?sel.alias.value:null}`] = sel;
+
+		for(let i=0, l = s.length; i < l; i++) {
+			const sel = s[i],
+				name = sel.name.value,
+				alias = sel.alias ? sel.alias.value : null,
+				key = `${name}:${alias}`,
+				other = selects[key];
+
+			if ( other ) {
+				s[i] = merge(sel, other);
+				selects[key] = null;
+			}
+		}
+
+		for(const key in selects)
+			if ( has(selects, key) ) {
+				const val = selects[key];
+				if ( val )
+					s.push(val);
+			}
+	}
+
+	// TODO: Variables?
+
+	return a;
+}
\ No newline at end of file
diff --git a/src/utilities/compat/fine-router.js b/src/utilities/compat/fine-router.js
new file mode 100644
index 00000000..a04468a0
--- /dev/null
+++ b/src/utilities/compat/fine-router.js
@@ -0,0 +1,87 @@
+'use strict';
+
+// ============================================================================
+// Fine Router
+// ============================================================================
+
+import {parse, tokensToRegExp, tokensToFunction} from 'path-to-regexp';
+import Module from 'utilities/module';
+import {has} from 'utilities/object';
+
+
+export default class FineRouter extends Module {
+	constructor(...args) {
+		super(...args);
+		this.inject('..fine');
+
+		this.__routes = [];
+		this.routes = {};
+		this.current = null;
+		this.match = null;
+		this.location = null;
+	}
+
+	onEnable() {
+		const root = this.fine.getParent(this.fine.react),
+			ctx = this.context = root && root._context,
+			router = ctx && ctx.router,
+			history = router && router.history;
+
+		if ( ! history )
+			return new Promise(r => setTimeout(r, 50)).then(() => this.onEnable());
+
+		history.listen(location => {
+			if ( this.enabled )
+				this._navigateTo(location);
+		});
+
+		this._navigateTo(history.location);
+	}
+
+	_navigateTo(location) {
+		this.log.debug('New Location', location);
+		const path = location.pathname;
+		if ( path === this.location )
+			return;
+
+		this.location = path;
+
+		for(const route of this.__routes) {
+			const match = route.regex.exec(path);
+			if ( match ) {
+				this.log.debug('Matching Route', route, match);
+				this.current = route;
+				this.match = match;
+				this.emit(':route', route, match);
+				this.emit(`:route:${route.name}`, ...match);
+				return;
+			}
+		}
+
+		this.current = this.match = null;
+		this.emit(':route', null, null);
+	}
+
+	route(name, path) {
+		if ( typeof name === 'object' ) {
+			for(const key in name)
+				if ( has(name, key) )
+					this.route(key, name[key]);
+
+			return;
+		}
+
+		const parts = parse(path),
+			score = parts.length,
+			route = this.routes[name] = {
+				name,
+				parts,
+				score,
+				regex: tokensToRegExp(parts),
+				url: tokensToFunction(parts)
+			}
+
+		this.__routes.push(route);
+		this.__routes.sort(r => r.score);
+	}
+}
\ No newline at end of file
diff --git a/src/utilities/compat/fine.js b/src/utilities/compat/fine.js
new file mode 100644
index 00000000..1379d189
--- /dev/null
+++ b/src/utilities/compat/fine.js
@@ -0,0 +1,486 @@
+'use strict';
+
+// ============================================================================
+// Fine Lib
+// It controls React.
+// ============================================================================
+
+import {EventEmitter} from 'utilities/events';
+import Module from 'utilities/module';
+import {has} from 'utilities/object';
+
+
+export default class Fine extends Module {
+	constructor(...args) {
+		super(...args);
+
+		this._wrappers = new Map;
+		this._known_classes = new Map;
+		this._observer = null;
+		this._waiting = null;
+	}
+
+
+	async onEnable() {
+		// TODO: Move awaitElement to utilities/dom
+		if ( ! this.root_element )
+			this.root_element = await this.parent.awaitElement(this.selector || '[data-reactroot]');
+
+		const accessor = this.accessor = Fine.findAccessor(this.root_element);
+		if ( ! accessor )
+			return new Promise(r => setTimeout(r, 50)).then(() => this.onEnable());
+
+		this.react = this.getReactInstance(this.root_element);
+	}
+
+	onDisable() {
+		this.root_element = this.react = this.accessor = null;
+	}
+
+
+	static findAccessor(element) {
+		for(const key in element)
+			if ( key.startsWith('__reactInternalInstance$') )
+				return key;
+	}
+
+
+	// ========================================================================
+	// Low Level Accessors
+	// ========================================================================
+
+	getReactInstance(element) {
+		return element[this.accessor];
+	}
+
+	getOwner(instance) {
+		if ( instance._reactInternalInstance )
+			instance = instance._reactInternalInstance;
+		else if ( instance instanceof Node )
+			instance = this.getReactInstance(instance);
+
+		if ( ! instance )
+			return null;
+
+		return instance._owner || (instance._currentElement && instance._currentElement._owner);
+	}
+
+	getHostNode(instance) { //eslint-disable-line class-methods-use-this
+		if ( instance._reactInternalInstance )
+			instance = instance._reactInternalInstance;
+		else if ( instance instanceof Node )
+			instance = this.getReactInstance(instance);
+
+		while( instance )
+			if ( instance._hostNode )
+				return instance._hostNode;
+			else
+				instance = instance._renderedComponent;
+	}
+
+	getParent(instance) {
+		const owner = this.getOwner(instance);
+		return owner && this.getOwner(owner);
+	}
+
+	searchParent(node, criteria, max_depth=15, depth=0) {
+		if ( node._reactInternalInstance )
+			node = node._reactInternalInstance;
+		else if ( node instanceof Node )
+			node = this.getReactInstance(node);
+
+		if ( ! node || depth > max_depth )
+			return null;
+
+		const inst = node._instance;
+		if ( inst && criteria(inst) )
+			return inst;
+
+		if ( node._currentElement && node._currentElement._owner ) {
+			const result = this.searchParent(node._currentElement._owner, criteria, max_depth, depth+1);
+			if ( result )
+				return result;
+		}
+
+		if ( node._hostParent )
+			return this.searchParent(node._hostParent, criteria, max_depth, depth+1);
+
+		return null;
+	}
+
+	searchTree(node, criteria, max_depth=15, depth=0) {
+		if ( ! node )
+			node = this.react;
+		else if ( node._reactInternalInstance )
+			node = node._reactInternalInstance;
+		else if ( node instanceof Node )
+			node = this.getReactInstance(node);
+
+		if ( ! node || depth > max_depth )
+			return null;
+
+		const inst = node._instance;
+		if ( inst && criteria(inst) )
+			return inst;
+
+		const children = node._renderedChildren,
+			component = node._renderedComponent;
+
+		if ( children )
+			for(const key in children)
+				if ( has(children, key) ) {
+					const child = children[key];
+					const result = child && this.searchTree(child, criteria, max_depth, depth+1);
+					if ( result )
+						return result;
+				}
+
+		if ( component )
+			return this.searchTree(component, criteria, max_depth, depth+1);
+	}
+
+
+	searchAll(node, criterias, max_depth=15, depth=0, data) {
+		if ( ! node )
+			node = this.react;
+		else if ( node._reactInternalInstance )
+			node = node._reactInternalInstance;
+		else if ( node instanceof Node )
+			node = this.getReactInstance(node);
+
+		if ( ! data )
+			data = {
+				seen: new Set,
+				classes: criterias.map(() => null),
+				out: criterias.map(() => ({
+					cls: null, instances: new Set, depth: null
+				})),
+				max_depth: depth
+			};
+
+		if ( ! node || depth > max_depth )
+			return data.out;
+
+		if ( depth > data.max_depth )
+			data.max_depth = depth;
+
+		const inst = node._instance;
+		if ( inst ) {
+			const cls = inst.constructor,
+				idx = data.classes.indexOf(cls);
+
+			if ( idx !== -1 )
+				data.out[idx].instances.add(inst);
+
+			else if ( ! data.seen.has(cls) ) {
+				let i = criterias.length;
+				while(i-- > 0)
+					if ( criterias[i](inst) ) {
+						data.classes[i] = data.out[i].cls = cls;
+						data.out[i].instances.add(inst);
+						data.out[i].depth = depth;
+						break;
+					}
+
+				data.seen.add(cls);
+			}
+		}
+
+		const children = node._renderedChildren,
+			component = node._renderedComponent;
+
+		if ( children )
+			for(const key in children)
+				if ( has(children, key) ) {
+					const child = children[key];
+					child && this.searchAll(child, criterias, max_depth, depth+1, data);
+				}
+
+		if ( component )
+			this.searchAll(component, criterias, max_depth, depth+1, data);
+
+		return data.out;
+	}
+
+
+	// ========================================================================
+	// Class Wrapping
+	// ========================================================================
+
+	define(key, criteria) {
+		if ( this._wrappers.has(key) )
+			return this._wrappers.get(key);
+
+		if ( ! criteria )
+			throw new Error('cannot find definition and no criteria provided');
+
+		const wrapper = new FineWrapper(key, criteria, this);
+		this._wrappers.set(key, wrapper);
+
+		const data = this.searchAll(this.react, [criteria], 1000)[0];
+		if ( data.cls ) {
+			wrapper._set(data.cls, data.instances);
+			this._known_classes.set(data.cls, wrapper);
+
+		} else {
+			if ( ! this._waiting )
+				this._startWaiting();
+
+			this._waiting.push(wrapper);
+			this._waiting_crit.push(criteria);
+		}
+
+		return wrapper;
+	}
+
+
+	_checkWaiters(nodes) {
+		if ( ! this._waiting )
+			return;
+
+		if ( ! Array.isArray(nodes) )
+			nodes = [nodes];
+
+		for(let node of nodes) {
+			if ( ! node )
+				node = this.react;
+			else if ( node._reactInternalInstance )
+				node = node._reactInternalInstance;
+			else if ( node instanceof Node )
+				node = this.getReactInstance(node);
+
+			if ( ! node || ! this._waiting.length )
+				continue;
+
+			const data = this.searchAll(node, this._waiting_crit, 1000);
+			let i = data.length;
+			while(i-- > 0) {
+				if ( data[i].cls ) {
+					const d = data[i],
+						w = this._waiting.splice(i, 1)[0];
+
+					this._waiting_crit.splice(i, 1);
+					this.log.info(`Found class for "${w.name}" at depth ${d.depth}`, d);
+
+					w._set(d.cls, d.instances);
+				}
+			}
+		}
+
+		if ( ! this._waiting.length )
+			this._stopWaiting();
+	}
+
+
+	_startWaiting() {
+		this.log.info('Installing MutationObserver.');
+
+		this._waiting = [];
+		this._waiting_crit = [];
+		this._waiting_timer = setInterval(() => this._checkWaiters(), 500);
+
+		if ( ! this._observer )
+			this._observer = new MutationObserver(mutations =>
+				this._checkWaiters(mutations.map(x => x.target))
+			);
+
+		this._observer.observe(document.body, {
+			childList: true,
+			subtree: true
+		});
+	}
+
+
+	_stopWaiting() {
+		this.log.info('Stopping MutationObserver.');
+
+		if ( this._observer )
+			this._observer.disconnect();
+
+		if ( this._waiting_timer )
+			clearInterval(this._waiting_timer);
+
+		this._waiting = null;
+		this._waiting_crit = null;
+		this._waiting_timer = null;
+	}
+}
+
+
+
+const EVENTS = {
+	'will-mount': 'componentWillMount',
+	mount: 'componentDidMount',
+	render: 'render',
+	'receive-props': 'componentWillReceiveProps',
+	'should-update': 'shouldComponentUpdate',
+	'will-update': 'componentWillUpdate',
+	update: 'componentDidUpdate',
+	unmount: 'componentWillUnmount'
+}
+
+
+export class FineWrapper extends EventEmitter {
+	constructor(name, criteria, fine) {
+		super();
+
+		this.name = name;
+		this.criteria = criteria;
+		this.fine = fine;
+
+		this.instances = new Set;
+
+		this._wrapped = new Set;
+		this._class = null;
+	}
+
+	ready(fn) {
+		if ( this._class )
+			fn(this._class, this.instances);
+		else
+			this.once('set', fn);
+	}
+
+	_set(cls, instances) {
+		if ( this._class )
+			throw new Error('already have a class');
+
+		this._class = cls;
+		this._wrapped.add('componentWillMount');
+		this._wrapped.add('componentWillUnmount');
+
+		const t = this,
+			_instances = this.instances,
+			proto = cls.prototype,
+			o_mount = proto.componentWillMount,
+			o_unmount = proto.componentWillUnmount,
+
+			mount = proto.componentWillMount = o_mount ?
+				function(...args) {
+					this._ffz_mounted = true;
+					_instances.add(this);
+					t.emit('will-mount', this, ...args);
+					return o_mount.apply(this, args);
+				} :
+				function(...args) {
+					this._ffz_mounted = true;
+					_instances.add(this);
+					t.emit('will-mount', this, ...args);
+				},
+
+			unmount = proto.componentWillUnmount = o_unmount ?
+				function(...args) {
+					t.emit('unmount', this, ...args);
+					_instances.delete(this);
+					this._ffz_mounted = false;
+					return o_unmount.apply(this, args);
+				} :
+				function(...args) {
+					t.emit('unmount', this, ...args);
+					_instances.delete(this);
+					this._ffz_mounted = false;
+				};
+
+		this.__componentWillMount = [mount, o_mount];
+		this.__componentWillUnmount = [unmount, o_unmount];
+
+		for(const event of this.events())
+			this._maybeWrap(event);
+
+		if ( instances )
+			for(const inst of instances) {
+				if ( inst._reactInternalInstance && inst._reactInternalInstance._renderedComponent )
+					inst._ffz_mounted = true;
+				_instances.add(inst);
+			}
+
+		this.emit('set', cls, _instances);
+	}
+
+	_add(instances) {
+		for(const inst of instances)
+			this.instances.add(inst);
+	}
+
+
+	_maybeWrap(event) {
+		const key = EVENTS[event];
+		if ( ! this._class || ! key || this._wrapped.has(key) )
+			return;
+
+		this._wrap(event, key);
+	}
+
+	_wrap(event, key) {
+		if ( this._wrapped.has(key) )
+			return;
+
+		const t = this,
+			proto = this._class.prototype,
+			original = proto[key],
+
+			fn = proto[key] = original ?
+				function(...args) {
+					t.emit(event, this, ...args);
+					return original.apply(this, args);
+				} :
+
+				function(...args) {
+					t.emit(event, this, ...args);
+				};
+
+		this[`__${key}`] = [fn, original];
+	}
+
+	_unwrap(key) {
+		if ( ! this._wrapped.has(key) )
+			return;
+
+		const k = `__${key}`,
+			proto = this._class.prototype,
+			[fn, original] = this[k];
+
+		if ( proto[key] !== fn )
+			throw new Error('unable to unwrap -- prototype modified');
+
+		proto[key] = original;
+		this[k] = undefined;
+		this._wrapped.delete(key);
+	}
+
+
+	on(event, fn, ctx) {
+		this._maybeWrap(event);
+		return super.on(event, fn, ctx);
+	}
+
+	prependOn(event, fn, ctx) {
+		this._maybeWrap(event);
+		return super.prependOn(event, fn, ctx);
+	}
+
+	once(event, fn, ctx) {
+		this._maybeWrap(event);
+		return super.once(event, fn, ctx);
+	}
+
+	prependOnce(event, fn, ctx) {
+		this._maybeWrap(event);
+		return super.prependOnce(event, fn, ctx);
+	}
+
+	many(event, ttl, fn, ctx) {
+		this._maybeWrap(event);
+		return super.many(event, ttl, fn, ctx);
+	}
+
+	prependMany(event, ttl, fn, ctx) {
+		this._maybeWrap(event);
+		return super.prependMany(event, ttl, fn, ctx);
+	}
+
+	waitFor(event) {
+		this._maybeWrap(event);
+		return super.waitFor(event);
+	}
+}
\ No newline at end of file
diff --git a/src/utilities/compat/webmunch.js b/src/utilities/compat/webmunch.js
new file mode 100644
index 00000000..3c18ef00
--- /dev/null
+++ b/src/utilities/compat/webmunch.js
@@ -0,0 +1,168 @@
+'use strict';
+
+// ============================================================================
+// WebMunch
+// It consumes webpack.
+// ============================================================================
+
+import Module from 'utilities/module';
+import {has} from 'utilities/object';
+
+
+let last_muncher = 0;
+
+export default class WebMunch extends Module {
+	constructor(...args) {
+		super(...args);
+
+		this._id = `_ffz$${last_muncher++}`;
+		this._rid = 0;
+		this._original_loader = null;
+		this._known_rules = {};
+		this._require = null;
+		this._module_names = {};
+		this._mod_cache = {};
+
+		this.hookLoader();
+		this.hookRequire();
+	}
+
+
+	// ========================================================================
+	// Loaded Modules
+	// ========================================================================
+
+	hookLoader(attempts) {
+		if ( this._original_loader )
+			return this.log.warn('Attempted to call hookLoader twice.');
+
+		this._original_loader = window.webpackJsonp;
+		if ( ! this._original_loader ) {
+			if ( attempts > 500 )
+				return this.log.error("Unable to find webpack's loader after two minutes.");
+
+			return setTimeout(this.hookLoader.bind(this, (attempts||0) + 1), 250);
+		}
+
+		this.log.info(`Found and wrapped webpack's loader after ${(attempts||0)*250}ms.`);
+		window.webpackJsonp = this.webpackJsonp.bind(this);
+	}
+
+	webpackJsonp(chunk_ids, modules) {
+		const names = chunk_ids.map(x => this._module_names[x] || x).join(', ');
+		this.log.info(`Twitch Chunk Loaded: ${chunk_ids} (${names})`);
+		this.log.debug(`Modules: ${Object.keys(modules)}`);
+
+		const res = this._original_loader.apply(window, arguments); // eslint-disable-line prefer-rest-params
+
+		this.emit(':loaded', chunk_ids, names, modules);
+
+		return res;
+	}
+
+
+	// ========================================================================
+	// Finding Modules
+	// ========================================================================
+
+	known(key, predicate) {
+		if ( typeof key === 'object' ) {
+			for(const k in key)
+				if ( has(key, k) )
+					this.known(k, key[k]);
+
+			return;
+		}
+
+		this._known_rules[key] = predicate;
+	}
+
+
+	async findModule(key, predicate) {
+		if ( ! this._require )
+			await this.getRequire();
+
+		return this.getModule(key, predicate);
+	}
+
+
+	getModule(key, predicate) {
+		if ( typeof key === 'function' ) {
+			predicate = key;
+			key = null;
+		}
+
+		if ( key && this._mod_cache[key] )
+			return this._mod_cache[key];
+
+		const require = this._require;
+		if ( ! require || ! require.c )
+			return null;
+
+		if ( ! predicate )
+			predicate = this._known_rules[key];
+
+		if ( ! predicate )
+			throw new Error(`no known predicate for locating ${key}`);
+
+		for(const k in require.c)
+			if ( has(require.c, k) ) {
+				const module = require.c[k],
+					mod = module && module.exports;
+
+				if ( mod && predicate(mod) ) {
+					if ( key )
+						this._mod_cache[key] = mod;
+					return mod;
+				}
+			}
+	}
+
+
+	// ========================================================================
+	// Grabbing Require
+	// ========================================================================
+
+	getRequire() {
+		if ( this._require )
+			return Promise.resolve(this._require);
+
+		return new Promise(resolve => {
+			const id = `${this._id}$${this._rid++}`;
+			(this._original_loader || window.webpackJsonp)(
+				[],
+				{
+					[id]: (module, exports, __webpack_require__) => {
+						resolve(this._require = __webpack_require__);
+					}
+				},
+				[id]
+			)
+		});
+	}
+
+	async hookRequire() {
+		const start_time = performance.now(),
+			require = await this.getRequire(),
+			time = performance.now() - start_time;
+
+		this.log.info(`require() grabbed in ${time.toFixed(5)}ms.`);
+
+		const loader = require.e && require.e.toString();
+		let modules;
+		if ( loader && loader.indexOf('Loading chunk') !== -1 ) {
+			const data = /({0:.*?})/.exec(loader);
+			if ( data )
+				try {
+					modules = JSON.parse(data[1].replace(/(\d+):/g, '"$1":'))
+				} catch(err) { } // eslint-disable-line no-empty
+		}
+
+		if ( modules ) {
+			this._module_names = modules;
+			this.log.info(`Loaded names for ${Object.keys(modules).length} chunks from require().`)
+		} else
+			this.log.warn(`Unable to find chunk names in require().`);
+	}
+
+}
\ No newline at end of file
diff --git a/src/utilities/constants.js b/src/utilities/constants.js
new file mode 100644
index 00000000..378865b4
--- /dev/null
+++ b/src/utilities/constants.js
@@ -0,0 +1,22 @@
+'use strict';
+
+export const DEBUG = localStorage.ffzDebugMode === 'true' && document.body.classList.contains('ffz-dev');
+export const SERVER = DEBUG ? '//localhost:8000' : 'https://cdn.frankerfacez.com';
+
+export const API_SERVER = '//api.frankerfacez.com';
+
+export const WS_CLUSTERS = {
+	Production: [
+		['wss://catbag.frankerfacez.com/', 0.25],
+		['wss://andknuckles.frankerfacez.com/', 1],
+		['wss://tuturu.frankerfacez.com/', 1]
+	],
+
+	Development: [
+		['wss://127.0.0.1:8003/', 1]
+	]
+}
+
+export const IS_OSX = navigator.platform ? navigator.platform.indexOf('Mac') !== -1 : /OS X/.test(navigator.userAgent);
+export const IS_WIN = navigator.platform ? navigator.platform.indexOf('Win') !== -1 : /Windows/.test(navigator.userAgent);
+export const IS_WEBKIT = navigator.userAgent.indexOf('AppleWebKit/') !== -1 && navigator.userAgent.indexOf('Edge/') === -1;
\ No newline at end of file
diff --git a/src/utilities/dom.js b/src/utilities/dom.js
new file mode 100644
index 00000000..854e1cca
--- /dev/null
+++ b/src/utilities/dom.js
@@ -0,0 +1,149 @@
+'use strict';
+
+import {has} from 'utilities/object';
+
+const ATTRS = [
+	'accept', 'accept-charset', 'accesskey', 'action', 'align', 'alt', 'async',
+	'autocomplete', 'autofocus', 'autoplay', 'bgcolor', 'border', 'buffered',
+	'challenge', 'charset', 'checked', 'cite', 'class', 'code', 'codebase',
+	'color', 'cols', 'colspan', 'content', 'contenteditable', 'contextmenu',
+	'controls', 'coords', 'crossorigin', 'data', 'data-*', 'datetime',
+	'default', 'defer', 'dir', 'dirname', 'disabled', 'download', 'draggable',
+	'dropzone', 'enctype', 'for', 'form', 'formaction', 'headers', 'height',
+	'hidden', 'high', 'href', 'hreflang', 'http-equiv', 'icon', 'id',
+	'integrity', 'ismap', 'itemprop', 'keytype', 'kind', 'label', 'lang',
+	'language', 'list', 'loop', 'low', 'manifest', 'max', 'maxlength',
+	'minlength', 'media', 'method', 'min', 'multiple', 'muted', 'name',
+	'novalidate', 'open', 'optimum', 'pattern', 'ping', 'placeholder', 'poster',
+	'preload', 'radiogroup', 'readonly', 'rel', 'required', 'reversed', 'rows',
+	'rowspan', 'sandbox', 'scope', 'scoped', 'seamless', 'selected', 'shape',
+	'size', 'sizes', 'slot', 'span', 'spellcheck', 'src', 'srcdoc', 'srclang',
+	'srcset', 'start', 'step', 'style', 'summary', 'tabindex', 'target',
+	'title', 'type', 'usemap', 'value', 'width', 'wrap'
+];
+
+
+const range = document.createRange();
+
+function camelCase(name) {
+	return name.replace(/[-_]\w/g, m => m[1].toUpperCase());
+}
+
+
+export function createElement(tag, props, children, no_sanitize) {
+	const el = document.createElement(tag);
+
+	if ( typeof props === 'string' )
+		el.className = props;
+	else if ( props )
+		for(const key in props)
+			if ( has(props, key) ) {
+				const lk = key.toLowerCase(),
+					prop = props[key];
+
+				if ( lk === 'style' ) {
+					if ( typeof prop === 'string' )
+						el.style.cssText = prop;
+					else
+						for(const k in prop)
+							if ( has(prop, k) )
+								el.style[k] = prop[k];
+
+				} else if ( lk === 'dataset' ) {
+					for(const k in prop)
+						if ( has(prop, k) )
+							el.dataset[camelCase(k)] = prop[k];
+
+				} else if ( key === 'dangerouslySetInnerHTML' ) {
+					// React compatibility is cool. SeemsGood
+					if ( prop && prop.__html )
+						el.innerHTML = prop.__html;
+
+				} else if ( lk.startsWith('on') )
+					el.addEventListener(lk.slice(2), prop);
+
+				else if ( lk.startsWith('data-') )
+					el.dataset[camelCase(lk.slice(5))] = prop;
+
+				else if ( lk.startsWith('aria-') || ATTRS.includes(lk) )
+					el.setAttribute(key, prop);
+
+				else
+					el[key] = props[key];
+			}
+
+	if ( children )
+		setChildren(el, children, no_sanitize);
+
+	return el;
+}
+
+export function setChildren(el, children, no_sanitize) {
+	if ( typeof children === 'string' ) {
+		if ( no_sanitize )
+			el.innerHTML = children;
+		else
+			el.textContent = children;
+
+	} else if ( Array.isArray(children) ) {
+		for(const child of children)
+			if ( typeof child === 'string' )
+				el.appendChild(no_sanitize ?
+					range.createContextualFragment(child) :
+					document.createTextNode(child)
+				);
+
+			else if ( child )
+				el.appendChild(child);
+
+	} else if ( children )
+		el.appendChild(children);
+}
+
+
+const el = createElement('span');
+
+export function sanitize(text) {
+	el.textContent = text;
+	return el.innerHTML;
+}
+
+
+let last_id = 0;
+
+export class ManagedStyle {
+	constructor(id) {
+		this.id = id || last_id++;
+
+		this._blocks = {};
+
+		this._style = createElement('style', {
+			type: 'text/css',
+			id: `ffz--managed-style--${this.id}`
+		});
+
+		document.head.appendChild(this._style);
+	}
+
+	destroy() {
+		document.head.removeChild(this._style);
+		this._blocks = null;
+		this._style = null;
+	}
+
+	set(key, value) {
+		let block = this._blocks[key];
+		if ( block )
+			block.textContent = value;
+		else
+			this._style.appendChild(this._blocks[key] = document.createTextNode(value));
+	}
+
+	delete(key) {
+		const block = this._blocks[key];
+		if ( block ) {
+			this._style.removeChild(block);
+			this._blocks[key] = null;
+		}
+	}
+}
\ No newline at end of file
diff --git a/src/utilities/events.js b/src/utilities/events.js
new file mode 100644
index 00000000..27a86563
--- /dev/null
+++ b/src/utilities/events.js
@@ -0,0 +1,313 @@
+// ============================================================================
+// EventEmitter
+// Homegrown for that lean feeling.
+// ============================================================================
+
+import {has} from 'utilities/object';
+
+const Detach = {};
+
+const SNAKE_CAPS = /([a-z])([A-Z])/g,
+	SNAKE_SPACE = /[ \t\W]/g,
+	SNAKE_TRIM = /^_+|_+$/g;
+
+
+String.prototype.toSnakeCase = function() {
+	return this
+		.replace(SNAKE_CAPS, '$1_$2')
+		.replace(SNAKE_SPACE, '_')
+		.replace(SNAKE_TRIM, '')
+		.toLowerCase();
+}
+
+
+export class EventEmitter {
+	constructor() {
+		this.__listeners = {};
+		this.__dead_events = 0;
+	}
+
+	__cleanListeners() {
+		if ( ! this.__dead_events )
+			return;
+
+		const nl = {}, ol = this.__listeners;
+		for(const key in ol)
+			if ( has(ol, key) ) {
+				const val = ol[key];
+				if ( val )
+					nl[key] = val;
+			}
+
+		this.__listeners = nl;
+		this.__dead_events = 0;
+	}
+
+
+	// ========================================================================
+	// Public Methods
+	// ========================================================================
+
+	on(event, fn, ctx) {
+		if ( typeof fn !== 'function' )
+			throw new TypeError('fn must be a function');
+
+		(this.__listeners[event] = this.__listeners[event] || []).push([fn, ctx, false])
+	}
+
+	prependOn(event, fn, ctx) {
+		if ( typeof fn !== 'function' )
+			throw new TypeError('fn must be a function');
+
+		(this.__listeners[event] = this.__listeners[event] || []).unshift([fn, ctx, false])
+	}
+
+	once(event, fn, ctx) { return this.many(event, 1, fn, ctx) }
+	prependOnce(event, fn, ctx) { return this.prependMany(event, 1, fn, ctx) }
+
+	many(event, ttl, fn, ctx) {
+		if ( typeof fn !== 'function' )
+			throw new TypeError('fn must be a function');
+
+		if ( typeof ttl !== 'number' || isNaN(ttl) || ! isFinite(ttl) || ttl < 1 )
+			throw new TypeError('ttl must be a positive, finite number');
+
+		(this.__listeners[event] = this.__listeners[event] || []).push([fn, ctx, ttl]);
+	}
+
+	prependMany(event, ttl, fn, ctx) {
+		if ( typeof fn !== 'function' )
+			throw new TypeError('fn must be a function');
+
+		if ( typeof ttl !== 'number' || isNaN(ttl) || ! isFinite(ttl) || ttl < 1 )
+			throw new TypeError('ttl must be a positive, finite number');
+
+		(this.__listeners[event] = this.__listeners[event] || []).unshift([fn, ctx, ttl]);
+	}
+
+	waitFor(event) {
+		return new Promise(resolve => {
+			(this.__listeners[event] = this.__listeners[event] || []).push([resolve, null, 1]);
+		})
+	}
+
+	off(event, fn, ctx) {
+		let list = this.__listeners[event];
+		if ( ! list )
+			return;
+
+		if ( ! fn )
+			list = null;
+		else {
+			list = list.filter(([f, c]) => !(f === fn && (!ctx || ctx === c)));
+			if ( ! list.length )
+				list = null;
+		}
+
+		this.__listeners[event] = list;
+		if ( ! list )
+			this.__dead_events++;
+	}
+
+	events() {
+		this.__cleanListeners();
+		return Object.keys(this.__listeners);
+	}
+
+	listeners(event) {
+		const list = this.__listeners[event];
+		return list ? Array.from(list) : [];
+	}
+
+	emit(event, ...args) {
+		const list = this.__listeners[event];
+		if ( ! list )
+			return;
+
+		// Track removals separately to make iteration over the event list
+		// much, much simpler.
+		const removed = new Set;
+
+		for(const item of list) {
+			const [fn, ctx, ttl] = item,
+				ret = fn.apply(ctx, args);
+
+			if ( ret === Detach )
+				removed.add(item);
+			else if ( ttl !== false ) {
+				if ( ttl <= 1 )
+					removed.add(item);
+				else
+					item[2] = ttl - 1;
+			}
+		}
+
+		if ( removed.size ) {
+			// Re-grab the list to make sure it wasn't removed mid-iteration.
+			const new_list = this.__listeners[event];
+			if ( new_list ) {
+				for(const item of removed) {
+					const idx = new_list.indexOf(item);
+					if ( idx !== -1 )
+						new_list.splice(idx, 1);
+				}
+
+				if ( ! list.length ) {
+					this.__listeners[event] = null;
+					this.__dead_events++;
+				}
+			}
+		}
+	}
+
+	emitAsync(event, ...args) {
+		const list = this.__listeners[event];
+		if ( ! list )
+			return Promise.resolve([]);
+
+		// Track removals separately to make iteration over the event list
+		// much, much simpler.
+		const removed = new Set,
+			promises = [];
+
+		for(const item of list) {
+			const [fn, ctx, ttl] = item;
+			const ret = fn.apply(ctx, args);
+			if ( ret === Detach )
+				removed.add(item);
+			else if ( ttl !== false ) {
+				if ( ttl <= 1 )
+					removed.add(item);
+				else
+					item[2] = ttl - 1;
+			}
+
+			if ( ret !== Detach )
+				promises.push(ret);
+		}
+
+		if ( removed.size ) {
+			// Re-grab the list to make sure it wasn't removed mid-iteration.
+			const new_list = this.__listeners[event];
+			if ( new_list ) {
+				for(const item of removed) {
+					const idx = new_list.indexOf(item);
+					if ( idx !== -1 )
+						new_list.splice(idx, 1);
+				}
+
+				if ( ! list.length ) {
+					this.__listeners[event] = null;
+					this.__dead_events++;
+				}
+			}
+		}
+
+		return Promise.all(promises);
+	}
+}
+
+EventEmitter.Detach = Detach;
+
+
+export default class HierarchicalEventEmitter extends EventEmitter {
+	constructor(name, parent) {
+		super();
+
+		this.name = name || (this.constructor.name || '').toSnakeCase();
+		this.parent = parent;
+
+		if ( parent ) {
+			this.root = parent.root;
+			this.__listeners = parent.__listeners;
+			this.__path = name && parent.__path ? `${parent.__path}.${name}` : name;
+
+		} else {
+			this.root = this;
+			this.__path = undefined;
+		}
+
+		this.__path_parts = this.__path ? this.__path.split('.') : [];
+	}
+
+
+	// ========================================================================
+	// Public Properties
+	// ========================================================================
+
+	get path() {
+		return this.__path;
+	}
+
+
+	// ========================================================================
+	// Public Methods
+	// ========================================================================
+
+	abs_path(path) {
+		if ( typeof path !== 'string' || ! path.length )
+			throw new TypeError('path must be a non-empty string');
+
+		let i = 0, chr;
+		const parts = this.__path_parts,
+			depth = parts.length;
+
+		do {
+			chr = path.charAt(i);
+			if ( path.charAt(i) === '.' ) {
+				if ( i > depth )
+					throw new Error('invalid path: reached top of stack');
+				continue;
+			}
+
+			break;
+		} while ( ++i < path.length );
+
+		const event = chr === ':';
+		if ( i === 0 )
+			return event && this.__path ? `${this.__path}${path}` : path;
+
+		const prefix = parts.slice(0, depth - (i-1)).join('.'),
+			remain = path.slice(i);
+
+		if ( ! prefix.length )
+			return remain;
+
+		else if ( ! remain.length )
+			return prefix;
+
+		else if ( event )
+			return prefix + remain;
+
+		return `${prefix}.${remain}`;
+	}
+
+
+	on(event, fn, ctx) { return super.on(this.abs_path(event), fn, ctx) }
+	prependOn(event, fn, ctx) { return super.prependOn(this.abs_path(event), fn, ctx) }
+
+	once(event, fn, ctx) { return super.once(this.abs_path(event), fn, ctx) }
+	prependOnce(event, fn, ctx) { return super.prependOnce(this.abs_path(event), fn, ctx) }
+
+	many(event, ttl, fn, ctx) { return super.many(this.abs_path(event), ttl, fn, ctx) }
+	prependMany(event, ttl, fn, ctx) { return super.prependMany(this.abs_path(event), ttl, fn, ctx) }
+
+	waitFor(event) { return super.waitFor(this.abs_path(event)) }
+	off(event, fn, ctx) { return super.off(this.abs_path(event), fn, ctx) }
+	listeners(event) { return super.listeners(this.abs_path(event)) }
+
+	emit(event, ...args) { return super.emit(this.abs_path(event), ...args) }
+	emitAsync(event, ...args) { return super.emitAsync(this.abs_path(event), ...args) }
+
+	events(include_children) {
+		this.__cleanListeners();
+		const keys = Object.keys(this.__listeners),
+			path = this.__path || '',
+			len = path.length;
+
+		return keys.filter(x => {
+			const y = x.charAt(len);
+			return x.startsWith(path) && (y === '' || (include_children && y === '.') || y === ':');
+		});
+	}
+}
\ No newline at end of file
diff --git a/src/utilities/filtering.js b/src/utilities/filtering.js
new file mode 100644
index 00000000..f68a3d81
--- /dev/null
+++ b/src/utilities/filtering.js
@@ -0,0 +1,6 @@
+'use strict';
+
+// ============================================================================
+// Advanced Filter System
+// ============================================================================
+
diff --git a/src/utilities/logging.js b/src/utilities/logging.js
new file mode 100644
index 00000000..752f3b71
--- /dev/null
+++ b/src/utilities/logging.js
@@ -0,0 +1,73 @@
+'use strict';
+
+export default class Logger {
+	constructor(parent, name, level) {
+		this.parent = parent;
+		this.name = name;
+
+		this.enabled = true;
+		this.level = level || (parent && parent.level) || Logger.DEFAULT_LEVEL;
+
+		this.children = {};
+	}
+
+	get(name, level) {
+		if ( ! this.children[name] )
+			this.children[name] = new Logger(this, (this.name ? `${this.name}.${name}` : name), level);
+
+		return this.children[name];
+	}
+
+	debug(...args) {
+		return this.invoke(Logger.DEBUG, args);
+	}
+
+	info(...args) {
+		return this.invoke(Logger.INFO, args);
+	}
+
+	warn(...args) {
+		return this.invoke(Logger.WARN, args);
+	}
+
+	error(...args) {
+		return this.invoke(Logger.ERROR, args);
+	}
+
+	/* eslint no-console: "off" */
+	invoke(level, args) {
+		if ( ! this.enabled || level < this.level )
+			return;
+
+		const message = Array.prototype.slice.call(args);
+
+		if ( this.name )
+			message.unshift(`%cFFZ [%c${this.name}%c]:%c`, 'color:#755000; font-weight:bold', '', 'color:#755000; font-weight:bold', '');
+		else
+			message.unshift('%cFFZ:%c', 'color:#755000; font-weight:bold', '');
+
+		if ( level === Logger.DEBUG )
+			console.info(...message);
+
+		else if ( level === Logger.INFO )
+			console.info(...message);
+
+		else if ( level === Logger.WARN )
+			console.warn(...message);
+
+		else if ( level === Logger.ERROR )
+			console.error(...message);
+
+		else
+			console.log(...message);
+	}
+}
+
+
+Logger.DEFAULT_LEVEL = 2;
+
+Logger.DEBUG = 1;
+Logger.INFO = 2;
+Logger.WARN = 4;
+Logger.ERROR = 8;
+Logger.OFF = 99;
\ No newline at end of file
diff --git a/src/utilities/module.js b/src/utilities/module.js
new file mode 100644
index 00000000..f7a39cde
--- /dev/null
+++ b/src/utilities/module.js
@@ -0,0 +1,563 @@
+'use strict';
+
+// ============================================================================
+// Module System
+// Modules are cool.
+// ============================================================================
+
+import EventEmitter from 'utilities/events';
+import {has} from 'utilities/object';
+
+
+// ============================================================================
+// Module
+// ============================================================================
+
+export const State = {
+	UNLOADED: 0,
+	LOADING: 1,
+	LOADED: 2,
+	UNLOADING: 3,
+
+	DISABLED: 0,
+	ENABLING: 1,
+	ENABLED: 2,
+	DISABLING: 3
+}
+
+
+export default class Module extends EventEmitter {
+	constructor(name, parent) {
+		if ( ! parent && name instanceof Module ) {
+			parent = name;
+			name = null;
+		}
+
+		super(name, parent);
+		this.__modules = parent ? parent.__modules : {};
+		this.children = {};
+
+		if ( parent && ! parent.children[this.name] )
+			parent.children[this.name] = this;
+
+		if ( this.root === this )
+			this.__modules[this.__path || ''] = this;
+
+		this.__load_state = this.onLoad ? State.UNLOADED : State.LOADED;
+		this.__state = this.onLoad || this.onEnable ?
+			State.DISABLED : State.ENABLED;
+	}
+
+
+	// ========================================================================
+	// Public Properties
+	// ========================================================================
+
+	get state() { return this.__state }
+	get load_state() { return this.__load_state }
+
+	get loaded() { return this.__load_state === State.LOADED }
+	get loading() { return this.__load_state === State.LOADING }
+
+	get enabled() { return this.__state === State.ENABLED }
+	get enabling() { return this.__state === State.ENABLING }
+
+
+	get log() {
+		if ( ! this.__log )
+			this.__log = this.parent && this.parent.log.get(this.name);
+		return this.__log
+	}
+
+	set log(log) {
+		this.__log = log;
+	}
+
+
+	// ========================================================================
+	// State! Glorious State
+	// ========================================================================
+
+	load(...args) {
+		return this.__load(args, this.__path, []);
+	}
+
+	unload(...args) {
+		return this.__unload(args, this.__path, []);
+	}
+
+	enable(...args) {
+		return this.__enable(args, this.__path, []);
+	}
+
+	disable(...args) {
+		return this.__disable(args, this.__path, []);
+	}
+
+
+	__load(args, initial, chain) {
+		const path = this.__path || this.name,
+			state = this.__load_state;
+
+		if ( state === State.LOADING )
+			return this.__load_promise;
+
+		else if ( state === State.LOADED )
+			return Promise.resolve();
+
+		else if ( state === State.UNLOADING )
+			return Promise.reject(new ModuleError(`attempted to load module ${path} while module is being unloaded`));
+
+		else if ( chain.includes(this) )
+			return Promise.reject(new CyclicDependencyError(`cyclic load requirements when loading ${initial}`, chain));
+
+		chain.push(this);
+
+		this.__load_state = State.LOADING;
+		return this.__load_promise = (async () => {
+			if ( this.load_requires ) {
+				const promises = [];
+				for(const name of this.load_requires) {
+					const module = this.resolve(name);
+					if ( ! module || !(module instanceof Module) )
+						throw new ModuleError(`cannot find required module ${name} when loading ${path}`);
+
+					promises.push(module.__enable([], initial, Array.from(chain)));
+				}
+
+				await Promise.all(promises);
+			}
+
+			if ( this.onLoad )
+				return this.onLoad(...args);
+
+		})().then(ret => {
+			this.__load_state = State.LOADED;
+			this.__load_promise = null;
+			this.emit(':loaded', this);
+			return ret;
+		}).catch(err => {
+			this.__load_state = State.UNLOADED;
+			this.__load_promise = null;
+			throw err;
+		});
+	}
+
+
+	__unload(args, initial, chain) {
+		const path = this.__path || this.name,
+			state = this.__load_state;
+
+		if ( state === State.UNLOADING )
+			return this.__load_promise;
+
+		else if ( state === State.UNLOADED )
+			return Promise.resolve();
+
+		else if ( ! this.onUnload )
+			return Promise.reject(new ModuleError(`attempted to unload module ${path} but module cannot be unloaded`));
+
+		else if ( state === State.LOADING )
+			return Promise.reject(new ModuleError(`attempted to unload module ${path} while module is being loaded`));
+
+		else if ( chain.includes(this) )
+			return Promise.reject(new CyclicDependencyError(`cyclic load requirements when unloading ${initial}`, chain));
+
+		chain.push(this);
+
+		this.__load_state = State.UNLOADING;
+		return this.__load_promise = (async () => {
+			if ( this.__state !== State.DISABLED )
+				await this.disable();
+
+			if ( this.load_dependents ) {
+				const promises = [];
+				for(const name of this.load_dependents) {
+					const module = this.resolve(name);
+					if ( ! module )
+						throw new ModuleError(`cannot find depending module ${name} when unloading ${path}`);
+
+					promises.push(module.__unload([], initial, Array.from(chain)));
+				}
+
+				await Promise.all(promises);
+			}
+
+			return this.onUnload(...args);
+
+		})().then(ret => {
+			this.__load_state = State.UNLOADED;
+			this.__load_promise = null;
+			this.emit(':unloaded', this);
+			return ret;
+		}).catch(err => {
+			this.__load_state = State.LOADED;
+			this.__load_promise = null;
+			throw err;
+		});
+	}
+
+
+	__enable(args, initial, chain) {
+		const path = this.__path || this.name,
+			state = this.__state;
+
+		if ( state === State.ENABLING )
+			return this.__state_promise;
+
+		else if ( state === State.ENABLED )
+			return Promise.resolve();
+
+		else if ( state === State.DISABLING )
+			return Promise.reject(new ModuleError(`attempted to enable module ${path} while module is being disabled`));
+
+		else if ( chain.includes(this) )
+			return Promise.reject(new CyclicDependencyError(`cyclic requirements when enabling ${initial}`, chain));
+
+		chain.push(this);
+
+		this.__state = State.ENABLING;
+		return this.__state_promise = (async () => {
+			const promises = [],
+				requires = this.requires,
+				load_state = this.__load_state;
+
+			if ( load_state === State.UNLOADING )
+				// We'd abort for this later to, but kill it now before we start
+				// any unnecessary work.
+				throw new ModuleError(`attempted to load module ${path} while module is being unloaded`);
+
+			else if ( load_state === State.LOADING || load_state === State.UNLOADED )
+				promises.push(this.load());
+
+			if ( requires )
+				for(const name of requires) {
+					const module = this.resolve(name);
+					if ( ! module || !(module instanceof Module) )
+						throw new ModuleError(`cannot find required module ${name} when enabling ${path}`);
+
+					promises.push(module.__enable([], initial, Array.from(chain)));
+				}
+
+			await Promise.all(promises);
+			if ( this.onEnable )
+				return this.onEnable(...args);
+
+		})().then(ret => {
+			this.__state = State.ENABLED;
+			this.__state_promise = null;
+			this.emit(':enabled', this);
+			return ret;
+
+		}).catch(err => {
+			this.__state = State.DISABLED;
+			this.__state_promise = null;
+			throw err;
+		});
+	}
+
+
+	__disable(args, initial, chain) {
+		const path = this.__path || this.name,
+			state = this.__state;
+
+		if ( state === State.DISABLING )
+			return this.__state_promise;
+
+		else if ( state === State.DISABLED )
+			return Promise.resolve();
+
+		else if ( ! this.onDisable )
+			return Promise.reject(new ModuleError(`attempted to disable module ${path} but module cannot be disabled`));
+
+		else if ( state === State.ENABLING )
+			return Promise.reject(new ModuleError(`attempted to disable module ${path} but module is being enabled`));
+
+		else if ( chain.includes(this) )
+			return Promise.reject(new CyclicDependencyError(`cyclic requirements when disabling ${initial}`, chain));
+
+		chain.push(this);
+
+		this.__state = State.DISABLING;
+		return this.__state_promise = (async () => {
+			if ( this.__load_state !== State.LOADED )
+				// We'd abort for this later to, but kill it now before we start
+				// any unnecessary work.
+				throw new ModuleError(`attempted to disable module ${path} but module is unloaded -- weird state`);
+
+			if ( this.dependents ) {
+				const promises = [];
+				for(const name of this.dependents) {
+					const module = this.resolve(name);
+					if ( ! module )
+						throw new ModuleError(`cannot find depending module ${name} when disabling ${path}`);
+
+					promises.push(module.__disable([], initial, Array.from(chain)));
+				}
+
+				await Promise.all(promises);
+			}
+
+			return this.onDisable(...args);
+
+		})().then(ret => {
+			this.__state = State.ENABLED;
+			this.__state_promise = null;
+			this.emit(':disabled', this);
+			return ret;
+
+		}).catch(err => {
+			this.__state = State.DISABLED;
+			this.__state_promise = null;
+			throw err;
+		});
+	}
+
+
+	// ========================================================================
+	// Slightly Easier Events
+	// ========================================================================
+
+	on(event, fn, ctx) {
+		return super.on(event, fn, ctx === undefined ? this : ctx)
+	}
+
+	prependOn(event, fn, ctx) {
+		return super.prependOn(event, fn, ctx === undefined ? this : ctx)
+	}
+
+	many(event, ttl, fn, ctx) {
+		return super.many(event, ttl, fn, ctx === undefined ? this : ctx)
+	}
+
+	prependMany(event, ttl, fn, ctx) {
+		return super.prependMany(event, ttl, fn, ctx === undefined ? this : ctx)
+	}
+
+	once(event, fn, ctx) {
+		return super.once(event, fn, ctx === undefined ? this : ctx)
+	}
+
+	prependOnce(event, fn, ctx) {
+		return super.prependOnce(event, fn, ctx === undefined ? this : ctx)
+	}
+
+	off(event, fn, ctx) {
+		return super.off(event, fn, ctx === undefined ? this : ctx)
+	}
+
+
+	// ========================================================================
+	// Child Control
+	// ========================================================================
+
+	loadModules(...names) {
+		return Promise.all(names.map(n => this.resolve(n).load()))
+	}
+
+	unloadModules(...names) {
+		return Promise.all(names.map(n => this.resolve(n).unload()))
+	}
+
+	enableModules(...names) {
+		return Promise.all(names.map(n => this.resolve(n).enable()))
+	}
+
+	disableModules(...names) {
+		return Promise.all(names.map(n => this.resolve(n).disable()))
+	}
+
+
+	// ========================================================================
+	// Module Management
+	// ========================================================================
+
+	resolve(name) {
+		if ( name instanceof Module )
+			return name;
+
+		return this.__modules[this.abs_path(name)];
+	}
+
+
+	__get_requires() {
+		if ( has(this, 'requires') )
+			return this.requires;
+		if ( has(this.constructor, 'requires') )
+			return this.constructor.requires;
+	}
+
+
+	__get_load_requires() {
+		if ( has(this, 'load_requires') )
+			return this.load_requires;
+		if ( has(this.constructor, 'load_requires') )
+			return this.constructor.load_requires;
+	}
+
+
+	inject(name, module) {
+		if ( name instanceof Module || name.prototype instanceof Module ) {
+			module = name;
+			name = null;
+		}
+
+		const requires = this.requires = this.__get_requires() || [];
+
+		if ( module instanceof Module ) {
+			// Existing Instance
+			if ( ! name )
+				name = module.constructor.name.toSnakeCase();
+
+		} else if ( module && module.prototype instanceof Module ) {
+			// New Instance
+			if ( ! name )
+				name = module.name.toSnakeCase();
+
+			module = this.register(name, module);
+
+		} else if ( name ) {
+			// Just a Name
+			const full_name = name;
+			name = name.replace(/^(?:[^.]*\.)+/, '');
+			module = this.resolve(full_name);
+
+			// Allow injecting a module that doesn't exist yet?
+
+			if ( ! module || !(module instanceof Module) ) {
+				if ( module )
+					module[2].push([this.__path, name]);
+				else
+					this.__modules[this.abs_path(full_name)] = [[], [], [[this.__path, name]]]
+
+				return this[name] = null;
+			}
+
+		} else
+			throw new TypeError(`must provide a valid module name or class`);
+
+		if ( ! module )
+			throw new Error(`cannot find module ${name} or no module provided`);
+
+		requires.push(module.abs_path('.'));
+
+		if ( this.enabled && ! module.enabled )
+			module.enable();
+
+		return this[name] = module;
+	}
+
+
+	register(name, module, inject_reference) {
+		if ( name.prototype instanceof Module ) {
+			inject_reference = module;
+			module = name;
+			name = module.name.toSnakeCase();
+		}
+
+		const path = this.abs_path(`.${name}`),
+			proto = module.prototype,
+			old_val = this.__modules[path];
+
+		if ( !(proto instanceof Module) )
+			throw new TypeError(`Module ${name} is not subclass of Module.`);
+
+		if ( old_val instanceof Module )
+			throw new ModuleError(`Name Collision for Module ${path}`);
+
+		const dependents = old_val || [[], [], []],
+			inst = this.__modules[path] = new module(name, this),
+			requires = inst.requires = inst.__get_requires() || [],
+			load_requires = inst.load_requires = inst.__get_load_requires() || [];
+
+		inst.dependents = dependents[0];
+		inst.load_dependents = dependents[1];
+
+		if ( inst instanceof SiteModule && ! requires.includes('site') )
+			requires.push('site');
+
+		for(const req_name of requires) {
+			const req_path = inst.abs_path(req_name),
+				req_mod = this.__modules[req_path];
+
+			if ( ! req_mod )
+				this.__modules[req_path] = [[path],[],[]];
+			else if ( Array.isArray(req_mod) )
+				req_mod[0].push(path);
+			else
+				req_mod.dependents.push(path);
+		}
+
+		for(const req_name of load_requires) {
+			const req_path = inst.abs_path(req_name),
+				req_mod = this.__modules[req_path];
+
+			if ( ! req_mod )
+				this.__modules[req_path] = [[], [path], []];
+			else if ( Array.isArray(req_mod) )
+				req_mod[1].push(path);
+			else
+				req_mod.load_dependents.push(path);
+		}
+
+		for(const [in_path, in_name] of dependents[2]) {
+			const in_mod = this.resolve(in_path);
+			if ( in_mod )
+				in_mod[in_name] = inst;
+			else
+				this.log.warn(`Unable to find module "${in_path}" that wanted "${in_name}".`);
+		}
+
+		if ( inject_reference )
+			this[name] = inst;
+
+		return inst;
+	}
+
+
+	populate(ctx, log) {
+		log = log || this.log;
+		const added = {};
+		for(const raw_path of ctx.keys()) {
+			const raw_module = ctx(raw_path),
+				module = raw_module.module || raw_module.default,
+				name = raw_path.slice(2, raw_path.length - (raw_path.endsWith('/index.js') ? 9 : 3));
+
+			try {
+				added[name] = this.register(name, module);
+			} catch(err) {
+				log && log.warn(err, `Skipping ${raw_path}`);
+			}
+		}
+
+		return added;
+	}
+
+}
+
+
+Module.State = State;
+Module.prototype.State = State;
+
+
+export class SiteModule extends Module {
+	constructor(name, parent) {
+		super(name, parent);
+		this.site = this.resolve('site');
+	}
+}
+
+
+
+// ============================================================================
+// Errors
+// ============================================================================
+
+export class ModuleError extends Error { }
+
+export class CyclicDependencyError extends ModuleError {
+	constructor(message, modules) {
+		super(message);
+		this.modules = modules;
+	}
+}
\ No newline at end of file
diff --git a/src/utilities/object.js b/src/utilities/object.js
new file mode 100644
index 00000000..de114c0c
--- /dev/null
+++ b/src/utilities/object.js
@@ -0,0 +1,167 @@
+'use strict';
+
+const HOP = Object.prototype.hasOwnProperty;
+
+export function has(object, key) {
+	return HOP.call(object, key);
+}
+
+
+export function timeout(promise, delay) {
+	return new Promise((resolve, reject) => {
+		let resolved = false;
+		const timer = setTimeout(() => {
+			if ( ! resolved ) {
+				resolved = true;
+				reject(new Error('timeout'));
+			}
+		}, delay);
+
+		promise.then(result => {
+			if ( ! resolved ) {
+				resolved = true;
+				clearTimeout(timer);
+				resolve(result);
+			}
+		}).catch(err => {
+			if ( ! resolved ) {
+				resolved = true;
+				clearTimeout(timer);
+				reject(err);
+			}
+		});
+	});
+}
+
+
+/**
+ * Check that two arrays are the same length and that each array has the same
+ * items in the same indices.
+ * @param {Array} a The first array
+ * @param {Array} b The second array
+ * @returns {boolean} Whether or not they match
+ */
+export function array_equals(a, b) {
+	if ( ! Array.isArray(a) || ! Array.isArray(b) || a.length !== b.length )
+		return false;
+
+	let i = a.length;
+	while(i--)
+		if ( a[i] !== b[i] )
+			return false;
+
+	return true;
+}
+
+
+/**
+ * Special logic to ensure that a target object is matched by a filter.
+ * @param {object} filter The filter object
+ * @param {object} target The object to check it against
+ * @returns {boolean} Whether or not it matches
+ */
+export function filter_match(filter, target) {
+	for(const key in filter) {
+		if ( HOP.call(filter, key) ) {
+			const filter_value = filter[key],
+				target_value = target[key],
+				type = typeof filter_value;
+
+			if ( type === 'function' ) {
+				if ( ! filter_value(target_value) )
+					return false;
+
+			} else if ( Array.isArray(filter_value) ) {
+				if ( Array.isArray(target_value) ) {
+					for(const val of filter_value)
+						if ( ! target_value.includes(val) )
+							return false;
+
+				} else if ( ! filter_value.include(target_value) )
+					return false;
+
+			} else if ( typeof target_value !== type )
+				return false;
+
+			else if ( type === 'object' ) {
+				if ( ! filter_match(filter_value, target_value) )
+					return false;
+
+			} else if ( filter_value !== target_value )
+				return false;
+		}
+	}
+
+	return true;
+}
+
+
+/**
+ * Get a value from an object at a path.
+ * @param {string|Array} path The path to follow, using periods to go down a level.
+ * @param {object|Array} object The starting object.
+ * @returns {*} The value at that point in the path, or undefined if part of the path doesn't exist.
+ */
+export function get(path, object) {
+	if ( typeof path === 'string' )
+		path = path.split('.');
+
+	for(let i=0, l = path.length; i < l; i++) {
+		const part = path[i];
+		if ( part === '@each' ) {
+			const p = path.slice(i + 1);
+			if ( p.length ) {
+				if ( Array.isArray )
+					object = object.map(x => get(p, x));
+				else {
+					const new_object = {};
+					for(const key in object)
+						if ( HOP.call(object, key) )
+							new_object[key] = get(p, object[key]);
+					object = new_object;
+				}
+			}
+
+			break;
+
+		} else
+			object = object[path[i]];
+
+		if ( ! object )
+			break;
+	}
+
+	return object;
+}
+
+
+export function deep_copy(object) {
+	if ( typeof object !== 'object' )
+		return object;
+
+	if ( Array.isArray(object) )
+		return object.map(deep_copy);
+
+	const out = {};
+	for(const key in object)
+		if ( HOP.call(object, key) ) {
+			const val = object[key];
+			if ( typeof val === 'object' )
+				out[key] = deep_copy(val);
+			else
+				out[key] = val;
+		}
+
+	return out;
+}
+
+
+export function maybe_call(fn, ctx, ...args) {
+	if ( typeof fn === 'function' ) {
+		if ( ctx )
+			return fn.call(ctx, ...args);
+		return fn(...args);
+	}
+
+	return fn;
+}
\ No newline at end of file
diff --git a/src/utilities/time.js b/src/utilities/time.js
new file mode 100644
index 00000000..1f58767c
--- /dev/null
+++ b/src/utilities/time.js
@@ -0,0 +1,24 @@
+'use strict';
+
+export function duration_to_string(elapsed, separate_days, days_only, no_hours, no_seconds) {
+	const seconds = elapsed % 60;
+	let minutes = Math.floor(elapsed / 60),
+		hours = Math.floor(minutes / 60),
+		days = '';
+
+	minutes = minutes % 60;
+
+	if ( separate_days ) {
+		days = Math.floor(hours / 24);
+		hours = hours % 24;
+		if ( days_only && days > 0 )
+			return `${days} days`;
+
+		days = days > 0 ? `${days} days, ` : '';
+	}
+
+	return `${days}${
+		(!no_hours || days || hours) ? `${days && hours < 10 ? '0' : ''}${hours}:` : ''
+	}${minutes < 10 ? '0' : ''}${minutes}${
+		no_seconds ? '' : `:${seconds < 10 ? '0' : ''}${seconds}`}`;
+}
\ No newline at end of file
diff --git a/src/utilities/tooltip.js b/src/utilities/tooltip.js
new file mode 100644
index 00000000..1e4ad478
--- /dev/null
+++ b/src/utilities/tooltip.js
@@ -0,0 +1,296 @@
+'use strict';
+
+// ============================================================================
+// Dynamic Tooltip Handling
+//
+// Better because you can assign arbitrary content.
+// Better because they are asynchronous with loading indication.
+// Better because they aren't hidden by parents with overflow: hidden;
+// ============================================================================
+
+import {createElement as e, setChildren} from 'utilities/dom';
+import {maybe_call} from 'utilities/object';
+
+import Popper from 'popper.js';
+
+let last_id = 0;
+
+export const DefaultOptions = {
+	html: false,
+	delayShow: 0,
+	delayHide: 0,
+
+	live: true,
+
+	tooltipClass: 'ffz__tooltip',
+	innerClass: 'ffz__tooltip--inner',
+	arrowClass: 'ffz__tooltip--arrow'
+}
+
+
+// ============================================================================
+// Tooltip Class
+// ============================================================================
+
+export default class Tooltip {
+	constructor(parent, cls, options) {
+		if ( typeof parent === 'string' )
+			parent = document.querySelector(parent);
+
+		if (!( parent instanceof Node ))
+			throw new TypeError('invalid parent');
+
+		this.options = Object.assign({}, DefaultOptions, options);
+		this.live = this.options.live;
+
+		this.parent = parent;
+		this.cls = cls;
+
+		if ( ! this.live ) {
+			if ( typeof cls === 'string' )
+				this.elements = parent.querySelectorAll(cls);
+			else if ( Array.isArray(cls) )
+				this.elements = cls;
+			else if ( cls instanceof Node )
+				this.elements = [cls];
+			else
+				throw new TypeError('invalid elements');
+
+			this.elements = new Set(this.elements);
+
+		} else {
+			this.cls = cls;
+			this.elements = new Set;
+		}
+
+		this._accessor = `_ffz_tooltip$${last_id++}`;
+
+		this._onMouseOut = e => this._exit(e.target);
+
+		if ( this.live ) {
+			this._onMouseOver = e => {
+				const target = e.target;
+				if ( target.classList.contains(this.cls) )
+					this._enter(target);
+			};
+
+			parent.addEventListener('mouseover', this._onMouseOver);
+			parent.addEventListener('mouseout', this._onMouseOut);
+
+		} else {
+			this._onMouseOver = e => {
+				const target = e.target;
+				if ( this.elements.has(target) )
+					this._enter(e.target);
+			}
+
+			if ( this.elements.size <= 5 )
+				for(const el of this.elements) {
+					el.addEventListener('mouseenter', this._onMouseOver);
+					el.addEventListener('mouseleave', this._onMouseOut);
+				}
+
+			else {
+				parent.addEventListener('mouseover', this._onMouseOver);
+				parent.addEventListener('mouseout', this._onMouseOut);
+			}
+
+		}
+	}
+
+	destroy() {
+		if ( this.live || this.elements.size > 5 ) {
+			parent.removeEventListener('mouseover', this._onMouseOver);
+			parent.removeEventListener('mouseout', this._onMouseOut);
+		} else
+			for(const el of this.elements) {
+				el.removeEventListener('mouseenter', this._onMouseOver);
+				el.removeEventListener('mouseleave', this._onMouseOut);
+			}
+
+		for(const el of this.elements) {
+			const tip = el[this._accessor];
+			if ( tip && tip.visible )
+				this.hide(tip);
+
+			el[this._accessor] = null;
+		}
+
+		this.elements = null;
+		this._onMouseOut = this._onMouseOver = null;
+		this.parent = null;
+	}
+
+
+	_enter(target) {
+		let tip = target[this._accessor],
+			delay = this.options.delayShow;
+
+		if ( ! tip )
+			tip = target[this._accessor] = {target};
+
+		tip.state = true;
+
+		if ( tip.visible )
+			return;
+
+		if ( delay === 0 )
+			this.show(tip);
+
+		else {
+			if ( tip._show_timer )
+				clearTimeout(tip._show_timer);
+
+			tip._show_timer = setTimeout(() => {
+				tip._show_timer = null;
+				if ( tip.state )
+					this.show(tip);
+			}, delay);
+		}
+	}
+
+	_exit(target) {
+		const tip = target[this._accessor];
+		if ( ! tip || ! tip.visible )
+			return;
+
+		const delay = this.options.delayHide;
+
+		tip.state = false;
+
+		if ( delay === 0 )
+			this.hide(tip);
+
+		else {
+			if ( tip._show_timer )
+				clearTimeout(tip._show_timer);
+
+			tip._show_timer = setTimeout(() => {
+				tip._show_timer = null;
+				if ( ! tip.state )
+					this.hide(tip);
+
+			}, delay);
+		}
+	}
+
+
+	show(tip) {
+		const opts = this.options,
+			target = tip.target;
+
+		this.elements.add(target);
+
+		// Set this early in case content uses it early.
+		tip.update = () => tip._update(); // tip.popper && tip.popper.scheduleUpdate();
+		tip.rerender = () => {
+			if ( tip.visible ) {
+				this.hide(tip);
+				this.show(tip);
+			}
+		}
+
+		let content = maybe_call(opts.content, null, target, tip);
+		if ( content === undefined )
+			content = tip.target.title;
+
+		if ( tip.visible || (! content && ! opts.onShow) )
+			return;
+
+		// Build the DOM.
+		const arrow = e('div', opts.arrowClass),
+			inner = tip.element = e('div', opts.innerClass),
+
+			el = tip.outer = e('div', {
+				className: opts.tooltipClass
+			}, [inner, arrow]);
+
+		arrow.setAttribute('x-arrow', true);
+
+		if ( maybe_call(opts.interactive, null, target, tip) ) {
+			el.classList.add('interactive');
+			el.addEventListener('mouseover', () => this._enter(target));
+			el.addEventListener('mouseout', () => this._exit(target));
+		}
+
+		// Assign our content. If there's a Promise, we'll need
+		// to do this weirdly.
+		const use_html = maybe_call(opts.html, null, target, tip),
+			setter = use_html ? 'innerHTML' : 'textContent';
+
+		const pop_opts = Object.assign({
+			arrowElement: arrow,
+		}, opts.popper);
+
+		tip._update = () => {
+			if ( tip.popper ) {
+				tip.popper.destroy();
+				tip.popper = new Popper(target, el, pop_opts);
+			}
+		}
+
+		if ( content instanceof Promise ) {
+			inner.innerHTML = '<div class="ffz-i-zreknarf loader"></div>';
+			content.then(content => {
+				if ( ! content )
+					return this.hide(tip);
+
+				if ( use_html && (content instanceof Node || Array.isArray(content)) ) {
+					inner.innerHTML = '';
+					setChildren(inner, content, opts.sanitizeChildren);
+				} else
+					inner[setter] = content;
+
+				tip._update();
+
+			}).catch(err => {
+				inner.textContent = `There was an error showing this tooltip.\n${err}`;
+				tip._update();
+			});
+
+		} else if ( content ) {
+			if ( use_html && (content instanceof Node || Array.isArray(content)) )
+				setChildren(inner, content, opts.sanitizeChildren);
+			else
+				inner[setter] = content;
+		}
+
+
+		// Add everything to the DOM and create the Popper instance.
+		this.parent.appendChild(el);
+		tip.popper = new Popper(target, el, pop_opts);
+		tip.visible = true;
+
+		if ( opts.onShow )
+			opts.onShow(target, tip);
+	}
+
+
+	hide(tip) { // eslint-disable-line class-methods-use-this
+		const opts = this.options;
+		if ( opts.onHide )
+			opts.onHide(tip.target, tip);
+
+		if ( tip.popper ) {
+			tip.popper.destroy();
+			tip.popper = null;
+		}
+
+		if ( tip.outer ) {
+			const o = tip.outer;
+			if ( o.parentElement )
+				o.parentElement.removeChild(o);
+
+			tip.outer = null;
+		}
+
+		tip.update = null;
+		tip._update = noop;
+		tip.element = null;
+		tip.visible = false;
+	}
+}
+
+
+// Function Intentionally Left Blank
+function noop() { }
\ No newline at end of file
diff --git a/src/utilities/vue.js b/src/utilities/vue.js
new file mode 100644
index 00000000..d30295e8
--- /dev/null
+++ b/src/utilities/vue.js
@@ -0,0 +1,99 @@
+'use strict';
+
+// ============================================================================
+// Vue Library
+// Loads Vue + Translation Shim
+// ============================================================================
+
+import Module from 'utilities/module';
+import {has} from 'utilities/object';
+
+
+export default class Vue extends Module {
+	constructor(...args) {
+		super(...args);
+		this._components = {};
+		this.inject('i18n');
+	}
+
+	async onLoad() {
+		const Vue = this.Vue = (await import(/* webpackChunkName: "vue" */ 'vue')).default,
+			components = this._components;
+
+		this.component((await import(/* webpackChunkName: "vue" */ 'src/std-components/index.js')).default);
+
+		for(const key in components)
+			if ( has(components, key) )
+				Vue.component(key, components[key]);
+
+		this._components = null;
+		Vue.use(this);
+	}
+
+	component(name, component) {
+		if ( typeof name === 'function' ) {
+			for(const key of name.keys())
+				this.component(key.slice(2, key.length - 4), name(key).default);
+
+		} else if ( typeof name === 'object' ) {
+			for(const key in name)
+				if ( has(name, key) )
+					this.component(key, name[key]);
+
+		} else if ( this.Vue )
+			this.Vue.component(name, component);
+
+		else
+			this._components[name] = component;
+	}
+
+	install(vue) {
+		// This is a mess. I'm sure there's an easier way to tie the systems
+		// together. However, for now, this works.
+
+		const t = this;
+		if ( ! this._vue_i18n ) {
+			this._vue_i18n = new this.Vue({
+				data() {
+					return {
+						locale: t.i18n.locale,
+						phrases: {}
+					}
+				},
+
+				methods: {
+					t_(key, phrase, options) {
+						this.locale && this.phrases[key];
+						return t.i18n.t(key, phrase, options);
+					},
+
+					setLocale(locale) {
+						t.i18n.locale = locale;
+					}
+				}
+			});
+
+			this.on('i18n:changed', () => {
+				this._vue_i18n.locale = this.i18n.locale;
+				this._vue_i18n.phrases = {};
+			});
+
+			this.on('i18n:loaded', keys => {
+				const i = this._vue_i18n,
+					p = i.phrases;
+				for(const key of keys)
+					i.$set(p, key, (p[key]||0) + 1);
+			});
+
+			vue.prototype.$i18n = this._vue_i18n;
+		}
+
+		vue.mixin({
+			methods: {
+				t(key, phrase, options) {
+					return this.$i18n.t_(key, phrase, options);
+				}
+			}
+		});
+	}
+}
\ No newline at end of file
diff --git a/src/utils.js b/src/utils.js
deleted file mode 100644
index 3f8b8b39..00000000
--- a/src/utils.js
+++ /dev/null
@@ -1,1408 +0,0 @@
-var FFZ = window.FrankerFaceZ,
-	constants = require('./constants'),
-	WEBKIT = constants.IS_WEBKIT ? '-webkit-' : '';
-
-
-var createElement = function(tag, className, content) {
-		var out = document.createElement(tag);
-		if ( className )
-			out.className = className;
-		if ( content )
-			if ( content.nodeType )
-				out.appendChild(content);
-			else
-				out.innerHTML = content;
-
-		return out;
-	},
-
-	sanitize_el = createElement('span'),
-
-	sanitize = function(msg) {
-		sanitize_el.textContent = msg;
-		return sanitize_el.innerHTML;
-	},
-
-	unquote_attr = function(msg) {
-		return msg.replace(/&amp;/g, '&').replace(/&quot;/g, '"').replace(/&apos;/g, "'").replace(/&gt;/g, '>').replace(/&lt;/g, '<');
-	},
-
-	escape_regex = RegExp.escape || function(str) {
-		return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-	},
-
-	R_QUOTE = /"/g,
-	R_SQUOTE = /'/g,
-	R_AMP = /&/g,
-	R_LT = /</g,
-	R_GT = />/g,
-
-	DURATIONS = {},
-
-	quote_attr = function(msg) {
-		return msg.replace(R_AMP, "&amp;").replace(R_QUOTE, "&quot;").replace(R_SQUOTE, "&apos;").replace(R_LT, "&lt;").replace(R_GT, "&gt;");
-	},
-
-	quote_san = function(msg) {
-		return sanitize(msg).replace(R_QUOTE, "&quot;").replace(R_SQUOTE, "&apos;");
-	},
-
-	HUMAN_NUMBERS = [
-		"zero", "one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "ten", "eleven", "twelve", "thirteen", "fourteen", "fifteen", "sixteen", "seventeen", "eighteen", "nineteen"
-	],
-
-	number_commas = function(x) {
-		var parts = x.toString().split(".");
-		parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-		return parts.join(".");
-	},
-
-	human_time = function(elapsed, factor) {
-		factor = factor || 1;
-		elapsed = Math.floor(elapsed);
-
-		var years = Math.floor((elapsed*factor) / 31536000) / factor;
-		if ( years >= 1 )
-			return years + ' year' + pluralize(years);
-
-		var days = Math.floor((elapsed %= 31536000) / 86400);
-		if ( days >= 1 )
-			return days + ' day' + pluralize(days);
-
-		var hours = Math.floor((elapsed %= 86400) / 3600);
-		if ( hours >= 1 )
-			return hours + ' hour' + pluralize(hours);
-
-		var minutes = Math.floor((elapsed %= 3600) / 60);
-		if ( minutes >= 1 )
-			return minutes + ' minute' + pluralize(minutes);
-
-		var seconds = elapsed % 60;
-		if ( seconds >= 1 )
-			return seconds + ' second' + pluralize(seconds);
-
-		return 'less than a second';
-	},
-
-	pluralize = function(value, singular, plural) {
-		plural = plural || 's';
-		singular = singular || '';
-		return value === 1 ? singular : plural;
-	},
-
-	place_string = function(num) {
-		if ( num == 1 ) return '1st';
-		else if ( num == 2 ) return '2nd';
-		else if ( num == 3 ) return '3rd';
-		else if ( num == null ) return '---';
-		return num + "th";
-	},
-
-	lv_duration_regex = / ?(\d+) ?(\w+)/g,
-
-	date_regex = /^(\d{4}|\+\d{6})(?:-?(\d{2})(?:-?(\d{2})(?:T(\d{2})(?::?(\d{2})(?::?(\d{2})(?:(?:\.|,)(\d{1,}))?)?)?(Z|([\-+])(\d{2})(?::?(\d{2}))?)?)?)?)?$/,
-
-	parse_date = function(str) {
-		if ( str === null )
-			return null;
-		else if ( typeof str === "number" )
-			return new Date(str);
-
-		var parts = str.match(date_regex);
-		if ( ! parts )
-			return null;
-
-		parts[7] = (parts[7] && parts[7].length) ? parts[7].substr(0, 3) : 0;
-
-		var unix = Date.UTC(parts[1], parts[2] - 1, parts[3], parts[4], parts[5], parts[6], parts[7]);
-
-		// Check Offset
-		if ( parts[9] ) {
-			var offset = (parts[9] == "-" ? 1 : -1) * 60000 * (60*parts[10] + 1*parts[11]);
-			unix += offset;
-		}
-
-		return new Date(unix);
-	},
-
-
-	/* IRC Processing */
-
-	irc_regex = /^(?:@([^ ]+) )?(?:[:](\S+) )?(\S+)(?: (?!:)(.+?))?(?: [:](.+))?$/,
-	tag_regex = /([^=;]+)=([^;]*)/g,
-
-	parse_badge_tag = function(tag) {
-		var badges = {},
-			values = tag.split(',');
-
-		for(var i=0; i < values.length; i++) {
-			var parts = values[i].split('/');
-			if ( parts.length === 2 )
-				badges[parts[0]] = parts[1];
-		}
-
-		return badges;
-	},
-
-	parse_emote_tag = function(tag) {
-		var emotes = {},
-			values = tag.split("/"),
-			i = values.length;
-
-		while(i--) {
-			var parts = values[i].split(":");
-			if ( parts.length !== 2 )
-				return {};
-
-			var emote_id = parts[0],
-				matches = emotes[emote_id] = [],
-				indices = parts[1].split(",");
-
-			for(var j=0, jl = indices.length; j < jl; j++) {
-				var pair = indices[j].split("-");
-				if ( pair.length !== 2 )
-					return {};
-
-				var start = parseInt(pair[0]),
-					end = parseInt(pair[1]);
-
-				matches.push([start,end]);
-			}
-		}
-
-		return emotes;
-	},
-
-	parse_tag = function(tag, value) {
-		switch (tag) {
-			case "badges":
-				return parse_badge_tag(value);
-			case "emotes":
-				return parse_emote_tag(value);
-			case "sent-ts":
-			case "sent-tmi-ts":
-			case "slow":
-				return +value;
-			case "subscriber":
-			case "mod":
-			case "turbo":
-			case "r9k":
-			case "subs-only":
-			case "historical":
-				return value === "1";
-			default:
-				// Try to unescape the value.
-				try {
-					return unescape_tag_value(value);
-				} catch(err) {
-					return "";
-				}
-		}
-	},
-
-	parse_tags = function(raw_tags) {
-		var m, tags = {};
-		do {
-			m = tag_regex.exec(raw_tags);
-			if ( m )
-				tags[m[1]] = parse_tag(m[1], m[2]);
-
-		} while(m);
-
-		return tags;
-	},
-
-	ESCAPE_CHARS = {
-		';': '\\:',
-		' ': '\\s',
-		'\r': '\\r',
-		'\n': '\\n',
-		'\\': '\\\\'
-	},
-
-	UNESCAPE_CHARS = {
-		':': ';',
-		's': ' ',
-		'r': '\r',
-		'n': '\n'
-	},
-
-	unescape_tag_value = function(value) {
-		var result = '';
-		for(var i=0,l=value.length; i < l; i++) {
-			var c = value.charAt(i);
-			if ( c === '\\' ) {
-				if ( i === l - 1 )
-					throw "Improperly escaped tag";
-
-				i++;
-				c = value.charAt(i);
-				result += UNESCAPE_CHARS[c] || c;
-
-			} else
-				result += c;
-		}
-		return result;
-	},
-
-	escape_tag_value = function(value) {
-		var value_str = ''+value,
-			result = '';
-
-		for(var i=0,l=value_str.length; i < l; i++) {
-			var c = value_str.charAt(i);
-			result += ESCAPE_CHARS[c] || c;
-		}
-
-		return result;
-	},
-
-	format_tag = function(tag, value) {
-		switch(tag) {
-			case "subscriber":
-			case "mod":
-			case "turbo":
-			case "r9k":
-			case "subs-only":
-			case "historical":
-				return value ? '1' : '0';
-			default:
-				return escape_tag_value(value)
-		}
-	},
-
-	build_tags = function(tags) {
-		var raw_tags = [];
-		for(var key in tags) {
-			if ( ! tags.hasOwnProperty(key) )
-				continue;
-			raw_tags.push(key + '=' + format_tag(key, tags[key]));
-		}
-		return raw_tags.join(';');
-	},
-
-	parse_sender = function(prefix, tags) {
-		var ind = prefix.indexOf('!');
-		if ( ind !== -1 )
-			return prefix.substr(0, ind);
-		if ( prefix === "tmi.twitch.tv" && tags.login )
-			return tags.login;
-		return prefix;
-	},
-
-	parse_irc_message = function(message) {
-		var data = irc_regex.exec(message);
-		if ( ! data )
-			return null;
-
-		var m,
-			tags = {},
-			output = {
-				tags: tags,
-				prefix: data[2],
-				command: data[3],
-				params: data[4],
-				trailing: data[5]
-			};
-
-		if ( data[1] )
-			output.tags = parse_tags(data[1]);
-
-		return output;
-	},
-
-
-	parse_irc_privmsg = function(message) {
-		var parsed = parse_irc_message(message);
-		if ( parsed.command.toLowerCase() !== "privmsg" )
-			return null;
-
-		var params = (parsed.params || "").split(' '),
-			target = params.shift();
-
-		if ( target.charAt(0) !== '#' )
-			return null;
-
-		if ( parsed.trailing )
-			params.push(parsed.trailing);
-
-		var from = parse_sender(parsed.prefix),
-			message = params.join(' '),
-			style = '';
-
-		if ( from === 'jtv' )
-			style = 'admin';
-		else if ( from === 'twitchnotify' )
-			style = 'notification';
-
-		if ( message.substr(0,8) === '\u0001ACTION ' && message.charAt(message.length-1) === '\u0001' ) {
-			message = message.substr(8, message.length - 9);
-			style += (style ? ' ' : '') + 'action';
-		}
-
-		return {
-			tags: parsed.tags,
-			from: parse_sender(parsed.prefix),
-			room: target.substr(1),
-			message: message,
-			style: style
-		}
-	},
-
-
-	BADGE_REV = {
-		'b': 'broadcaster',
-		's': 'staff',
-		'a': 'admin',
-		'g': 'global_mod',
-		'm': 'moderator',
-		'u': 'subscriber',
-		't': 'turbo'
-	},
-
-	uncompressBadges = function(value) {
-		if ( value === true )
-			return {};
-
-		var output = {},
-			badges = value.split(","),
-			l = badges.length;
-
-		for(var i=0; i < l; i++) {
-			var parts = badges[i].split('/');
-			if ( parts.length !== 2 )
-				return {};
-
-			output[BADGE_REV[parts[0]] || parts[0].substr(1)] = parts[1];
-		}
-
-		return output;
-	},
-
-	uncompressEmotes = function(value) {
-		var output = {},
-			emotes = value.split("/"),
-			i = emotes.length;
-
-		while(i--) {
-			var parts = emotes[i].split(":");
-			if ( parts.length !== 3 )
-				return {};
-
-			var emote_id = parts[0],
-				length = parseInt(parts[1]),
-				positions = parts[2].split(","),
-				indices = output[emote_id] = output[emote_id] || [];
-
-			for(var j=0, jl = positions.length; j < jl; j++) {
-				var start = parseInt(positions[j]),
-					end = start + length;
-
-				for(var x=0, xl = indices.length; x < xl; x++) {
-					if ( start < indices[x][0] )
-						break;
-				}
-
-				indices.splice(x, 0, [start, end]);
-			}
-		}
-
-		return output;
-	},
-
-
-	// This code borrowed from the twemoji project, with tweaks.
-	UFE0Fg = /\uFE0F/g,
-	U200D = String.fromCharCode(0x200D),
-
-	EMOJI_CODEPOINTS = {},
-	emoji_to_codepoint = function(surrogates) {
-		if ( EMOJI_CODEPOINTS[surrogates] )
-			return EMOJI_CODEPOINTS[surrogates];
-
-		var input = surrogates.indexOf(U200D) === -1 ? surrogates.replace(UFE0Fg, '') : surrogates,
-			out = [],
-			c = 0, p = 0, i = 0;
-
-		while (i < input.length) {
-			c = input.charCodeAt(i++);
-			if ( p ) {
-				out.push((0x10000 + ((p - 0xD800) << 10) + (c - 0xDC00)).toString(16));
-				p = 0;
-			} else if ( 0xD800 <= c && c <= 0xDBFF )
-				p = c;
-			else
-				out.push(c.toString(16));
-		}
-
-		var retval = EMOJI_CODEPOINTS[surrogates] = out.join('-');
-		return retval;
-	},
-
-	codepoint_to_emoji = function(codepoint) {
-		var code = typeof codepoint === 'string' ? parseInt(codepoint, 16) : codepoint;
-		if ( code < 0x10000 )
-			return String.fromCharCode(code);
-		code -= 0x10000;
-		return String.fromCharCode(
-			0xD800 + (code >> 10),
-			0xDC00 + (code & 0x3FF)
-		)
-	},
-
-
-	// Twitch Emote Helpers
-
-	SRCSETS = {},
-	build_srcset = function(id) {
-		if ( SRCSETS[id] )
-			return SRCSETS[id];
-		var out = SRCSETS[id] = constants.TWITCH_BASE + id + "/1.0 1x, " + constants.TWITCH_BASE + id + "/2.0 2x";
-		return out;
-	},
-
-
-	// Twitch API
-
-	api_call = function(method, url, data, options, token) {
-		options = options || {};
-		var headers = options.headers = options.headers || {};
-		headers['Client-ID'] = constants.CLIENT_ID;
-		if ( token )
-			headers.Authorization = 'OAuth ' + token;
-		return Twitch.api[method].call(this, url, data, options);
-	},
-
-
-	logviewer_call = function(method, url, token, info) {
-		info = info || {};
-		info['method'] = method;
-		if ( token )
-			url += (url.indexOf('?') === -1 ? '?' : '&') + 'token=' + token;
-
-		return fetch("https://cbenni.com/api/" + url, info);
-	},
-
-
-	// Dialogs
-	show_modal = function(contents, on_close, width) {
-		var container = createElement('div', 'twitch_subwindow_container'),
-			subwindow = createElement('div', 'twitch_subwindow ffz-subwindow'),
-			card = createElement('div', 'card'),
-			close_button = createElement('div', 'modal-close-button', constants.CLOSE),
-
-			closer = function() { container.parentElement.removeChild(container) };
-
-		container.id = 'ffz-modal-container';
-
-		subwindow.style.width = '100%';
-		subwindow.style.maxWidth = (width||420) + 'px';
-
-		close_button.addEventListener('click', function() {
-			closer();
-			if ( on_close )
-				on_close(false);
-		});
-
-		container.appendChild(subwindow);
-		subwindow.appendChild(card);
-		subwindow.appendChild(close_button);
-
-		card.appendChild(contents);
-
-		var el = document.querySelector('app-main');
-
-		if ( el )
-			el.parentElement.insertBefore(container, el.nextSibling);
-		else
-			document.body.appendChild(container);
-
-		return closer;
-	},
-
-
-	ember_lookup = function(thing) {
-		if ( ! window.App )
-			return;
-
-		try {
-			if ( App.__deprecatedInstance__ && App.__deprecatedInstance__.registry && App.__deprecatedInstance__.registry.lookup )
-				return App.__deprecatedInstance__.registry.lookup(thing);
-			if ( App.__container__ && App.__container__.lookup )
-				return App.__container__.lookup(thing);
-		} catch(err) {
-			FrankerFaceZ.get().error("There was an error looking up an Ember instance: " + thing, err);
-			return null;
-		}
-	},
-
-	ember_resolve = function(thing) {
-		if ( ! window.App )
-			return;
-
-		if ( App.__deprecatedInstance__ && App.__deprecatedInstance__.registry && App.__deprecatedInstance__.registry.resolve )
-			return App.__deprecatedInstance__.registry.resolve(thing);
-		if ( App.__container__ && App.__container__.resolve )
-			return App.__container__.resolve(thing);
-	},
-
-
-	ember_transition = function(route, model) {
-		var router = ember_lookup('router:main');
-		if ( model )
-			router.transitionTo(route, model);
-		else
-			router.transitionTo(route);
-	},
-
-
-	CMD_VAR_REGEX = /{(\d+(?:\$(?:\d+)?)?|id|msg_id|message_id|(?:user|room)(?:_id|_name|_display_name)?)}/g;
-
-
-module.exports = FFZ.utils = {
-	// Ember Manipulation
-	ember_views: function() {
-		return ember_lookup('-view-registry:main') || {};
-	},
-
-	ember_lookup: ember_lookup,
-	ember_resolve: ember_resolve,
-	ember_settings: function() {
-		var settings = ember_resolve('model:settings');
-		return settings && settings.findOne();
-	},
-
-	transition: ember_transition,
-	transition_game: function(game) {
-		if ( game === "Counter-Strike: Global Offensive" )
-			ember_transition('directory.csgo.channels.index')
-		else if ( game === "Creative" )
-			ember_transition('directory.creative.index')
-		else
-			ember_transition('directory.game.index', game)
-	},
-
-	transition_user: function(username) {
-		var Channel = ember_resolve('model:deprecated-channel');
-		ember_transition('channel.index', Channel.find({id: username}).load());
-		return false;
-	},
-
-	transition_link: function(callback) {
-		return function(e) {
-			if ( e.button !== 0 || e.altKey || e.ctrlKey || e.shiftKey || e.metaKey )
-				return;
-
-			e.preventDefault();
-			jQuery('.tipsy').remove();
-
-			callback.call(this, e);
-			return false;
-		}
-	},
-
-	ember_reopen_view: function(component, data) {
-		if ( typeof component === 'string' )
-			component = ember_resolve(component);
-
-		data.ffz_modified = true;
-
-		if ( data.ffz_init && ! data.didInsertElement )
-			data.didInsertElement = function() {
-				this._super();
-				try {
-					this.ffz_init();
-				} catch(err) {
-					FFZ.get().error("An error occured running ffz_init on " + this.toString(), err);
-				}
-			};
-
-		if ( data.ffz_destroy && ! data.willClearRender )
-			data.willClearRender = function() {
-				try {
-					this.ffz_destroy();
-				} catch(err) {
-					FFZ.get().error("An error occured running ffz_destroy on " + this.toString(), err);
-				}
-
-				this._super();
-			};
-
-		return component.reopen(data);
-	},
-
-	// Other Stuff
-
-	process_int: function(default_value, false_value, true_value) {
-		return function(val) {
-			if ( val === false && false_value !== undefined )
-				val = false_value;
-			else if ( val === true && true_value !== undefined )
-				val = true_value;
-			else if ( typeof val === "string" ) {
-				val = parseInt(val);
-				if ( isNaN(val) || ! isFinite(val) )
-					val = default_value;
-			}
-			return val;
-		}
-	},
-
-	build_srcset: build_srcset,
-	/*build_tooltip: build_tooltip,
-	load_emote_data: load_emote_data,*/
-
-	api: {
-		del: function(u,d,o,t) { return api_call('del', u,d,o,t); },
-		get: function(u,d,o,t) { return api_call('get', u,d,o,t); },
-		post: function(u,d,o,t) { return api_call('post', u,d,o,t); },
-		put: function(u,d,o,t) { return api_call('put', u,d,o,t); }
-	},
-
-	logviewer: {
-		del: function(u,t,i) { return logviewer_call('delete', u,t,i) },
-		get: function(u,t,i) { return logviewer_call('get', u,t,i) },
-		post: function(u,t,i) { return logviewer_call('post', u,t,i) },
-		put: function(u,t,i) { return logviewer_call('put', u,t,i) },
-	},
-
-	json: function(response) {
-		if ( ! response.ok )
-			return Promise.resolve(null);
-		return response.json();
-	},
-
-
-	find_parent: function(el, klass) {
-		while (el && el.parentNode) {
-			el = el.parentNode;
-			if ( el.classList.contains(klass) )
-				return el;
-		}
-
-		return null;
-	},
-
-
-	parse_badge_tag: parse_badge_tag,
-	parse_emote_tag: parse_emote_tag,
-	parse_tags: parse_tags,
-	parse_irc_message: parse_irc_message,
-	parse_irc_privmsg: parse_irc_privmsg,
-
-	format_tag: format_tag,
-	escape_tag_value: escape_tag_value,
-	unescape_tag_value: unescape_tag_value,
-	build_tags: build_tags,
-
-	CMD_VAR_REGEX: CMD_VAR_REGEX,
-
-	extract_cmd_variables: function(command, args_only) {
-		var matches = [];
-
-		CMD_VAR_REGEX.lastIndex = 0;
-		command.replace(CMD_VAR_REGEX, function(match, variable) {
-			if ( args_only && ! /\d+(?:$\d*)?/.test(variable) )
-				return;
-			matches.push('{' + variable + '}');
-		});
-
-		return _.unique(matches);
-	},
-
-	replace_cmd_variables: function(command, user, room, message, args) {
-		user = user || {};
-		room = room || {};
-		message = message || {};
-		message.tags = message.tags || {};
-
-		var msg_id = message.tags.id,
-			replacements = {
-				user: user.name,
-				user_name: user.name,
-				user_display_name: user.display_name || message.tags['display-name'],
-				user_id: user._id || message.tags['user-id'],
-
-				room: room.id,
-				room_name: room.id,
-				room_display_name: room.get && (room.get('tmiRoom.displayName') || room.get('channel.displayName')),
-				room_id: room.get && room.get('roomProperties._id') || message.tags['room-id'],
-
-				id: msg_id,
-				message_id: msg_id,
-				msg_id: msg_id
-			};
-
-		CMD_VAR_REGEX.lastIndex = 0;
-		return command.replace(CMD_VAR_REGEX, function(match, variable) {
-			if ( replacements[variable] )
-				return replacements[variable];
-
-			if ( args ) {
-				var match = /(\d+)(?:(\$)(\d+)?)?/.exec(variable);
-				if ( match ) {
-					var num = parseInt(match[1]),
-						second_num = match[3] ? parseInt(match[3]) : undefined;
-
-					return match[2] === '$' ? args.slice(num, second_num).join(" ") : args[num];
-				}
-			}
-
-			return '{' + variable + '}';
-		});
-	},
-
-
-	show_modal: show_modal,
-	confirm: function(title, description, callback) {
-		var contents = createElement('div', 'text-content'),
-			heading = title ? createElement('div', 'content-header', '<h4>' + title + '</h4>') : null,
-			body = createElement('div', 'item'),
-			buttons = createElement('div', 'buttons', '<a class="js-subwindow-close button"><span>Cancel</span></a><button class="button primary" type="submit"><span>OK</span></button>'),
-
-			close_btn = buttons.querySelector('.js-subwindow-close'),
-			okay_btn = buttons.querySelector('.button.primary');
-
-		if ( heading )
-			contents.appendChild(heading);
-
-		if ( description ) {
-			if ( description.nodeType )
-				body.appendChild(description);
-			else
-				body.innerHTML = '<p>' + description + '</p>';
-
-			contents.appendChild(body);
-		}
-
-		contents.appendChild(buttons);
-
-		var closer,
-			cb = function(success) {
-				closer();
-				if ( ! callback )
-					return;
-
-				callback(success);
-			};
-
-		closer = show_modal(contents, cb);
-
-		okay_btn.addEventListener('click', function(e) { e.preventDefault(); cb(true); return false });
-		close_btn.addEventListener('click', function(e) { e.preventDefault(); cb(false); return false });
-	},
-
-	prompt: function(title, description, old_value, callback, width, input) {
-		var contents = createElement('div', 'text-content'),
-			heading = createElement('div', 'content-header', '<h4>' + title + '</h4>'),
-			form = createElement('form'),
-			close_btn, okay_btn;
-
-		if ( ! input ) {
-			input = createElement('input');
-			input.type = 'text';
-		}
-
-		form.innerHTML = '<div class="item">' + (description ? '<p>' + description + '</p>' : '') + '<div class="input-placeholder"></div><div class="buttons"><a class="js-subwindow-close button"><span>Cancel</span></a><button class="button primary" type="submit"><span>OK</span></button></div>';
-
-		var ph = form.querySelector('.input-placeholder'),
-			par = ph.parentElement;
-
-		par.insertBefore(input, ph);
-		par.removeChild(ph);
-
-		contents.appendChild(heading);
-		contents.appendChild(form);
-
-		close_btn = form.querySelector('.js-subwindow-close');
-		okay_btn = form.querySelector('.button.primary');
-
-		if ( old_value !== undefined )
-			input.value = old_value;
-
-		var closer,
-			cb = function(success) {
-				closer();
-				if ( ! callback )
-					return;
-
-				callback(success ? input.value : null);
-			};
-
-		closer = show_modal(contents, cb, width);
-
-		try {
-			input.focus();
-		} catch(err) { }
-
-		form.addEventListener('submit', function(e) { e.preventDefault(); cb(true); return false });
-		okay_btn.addEventListener('click', function(e) { e.preventDefault(); cb(true); return false });
-		close_btn.addEventListener('click', function(e) { e.preventDefault(); cb(false); return false });
-	},
-
-
-	last_minute: function() {
-		var now = new Date();
-		if ( now.getSeconds() >= 30 )
-			now.setMinutes(now.getMinutes()+1);
-
-		now.setSeconds(0);
-		now.setMilliseconds(0);
-		return now.getTime();
-	},
-
-	maybe_chart: function(series, point, render, force) {
-		var len = series.data.length;
-		if ( force || point.y !== null || (len > 0 && series.data[len-1].y !== null) ) {
-			series.addPoint(point, render);
-			return true;
-		}
-		return false;
-	},
-
-	update_css: function(element, id, css) {
-		var all = element.innerHTML,
-			start = "/*BEGIN " + id + "*/",
-			end = "/*END " + id + "*/",
-			s_ind = all.indexOf(start),
-			e_ind = all.indexOf(end),
-			found = s_ind !== -1 && e_ind !== -1 && e_ind > s_ind;
-
-		if ( !found && !css )
-			return;
-
-		if ( found )
-			all = all.substr(0, s_ind) + all.substr(e_ind + end.length);
-
-		if ( css )
-			all += start + css + end;
-
-		element.innerHTML = all;
-	},
-
-
-	tooltip_placement: function(margin, prefer) {
-		return function(box) {
-			var pref = prefer;
-			if ( typeof pref === "function" )
-				pref = pref.call(this);
-
-			var dir = {};
-
-			if ( pref.indexOf('n') !== -1 )
-				dir.ns = 'n';
-			else if ( pref.indexOf('s') !== -1 )
-				dir.ns = 's';
-
-			if ( pref.indexOf('e') !== -1 )
-				dir.ew = 'e';
-			else if ( pref.indexOf('w') !== -1 )
-				dir.ew = 'w';
-
-			var $this = $(this),
-				half_width = $this.width() / 2,
-				half_height = $this.height() / 2,
-				boundTop = $(document).scrollTop() + half_height + (margin*2),
-				boundLeft = $(document).scrollLeft() + half_width + margin;
-
-			if ($this.offset().top < boundTop) dir.ns = 'n';
-			if ($this.offset().left < boundLeft) dir.ew = 'w';
-			if ($(window).width() + $(document).scrollLeft() - ($this.offset().left + half_width) < margin) dir.ew = 'e';
-			if ($(window).height() + $(document).scrollTop() - ($this.offset().top + half_height) < (2*margin)) dir.ns = 's';
-
-			return (dir.ns ? dir.ns : '') + (dir.ew ? dir.ew : '');
-		}
-	},
-
-	newtip_placement: function(margin, prefer) {
-		return function(box) {
-			var pref = prefer;
-			if ( typeof pref === 'function' )
-				pref = pref.call(this);
-
-			var dir = {},
-
-				win = jQuery(window),
-				t = jQuery(this),
-
-				offset = t.offset(),
-
-				width = box.width,
-				height = box.height,
-
-				d_st = document.body.scrollTop,
-				d_sl = document.body.scrollLeft;
-
-			if ( pref.length > 1 ) {
-				dir.ns = pref[0];
-				dir.ew = pref[1];
-			} else if ( pref[0] === 'e' || pref[0] === 'w' )
-				dir.ew = pref[0];
-			else
-				dir.ns = pref[0];
-
-			if ( offset.top < d_st + margin ) dir.ns = 'n';
-			if ( offset.left < d_sl + margin ) dir.ew = 'w';
-			if ( win.width() + d_sl - (offset.left + width) < margin ) dir.ew = 'e';
-			if ( win.height() + d_st - (offset.top + height) < margin ) dir.ns = 's';
-
-			return (dir.ns ? dir.ns : '') + (dir.ew ? dir.ew : '');
-		}
-	},
-
-	uncompressBadges: uncompressBadges,
-	uncompressEmotes: uncompressEmotes,
-
-	emoji_to_codepoint: emoji_to_codepoint,
-	codepoint_to_emoji: codepoint_to_emoji,
-
-	parse_date: parse_date,
-
-	number_commas: number_commas,
-
-	place_string: place_string,
-
-	placement: function(entrant) {
-		if ( entrant.state == "forfeit" ) return "Forfeit";
-		else if ( entrant.state == "dq" ) return "DQed";
-		else if ( entrant.place ) return place_string(entrant.place);
-		return "";
-	},
-
-	sanitize: sanitize,
-	unquote_attr: unquote_attr,
-	quote_attr: quote_attr,
-	quote_san: quote_san,
-
-	date_string: function(date) {
-		return date.getFullYear() + "-" + (date.getMonth()+1) + "-" + date.getDate();
-	},
-
-	pluralize: pluralize,
-
-	human_number: function(value) {
-		return HUMAN_NUMBERS[value] || number_commas(value);
-	},
-
-	human_time: human_time,
-	full_human_time: function(elapsed, factor) {
-		var before = elapsed >= 0,
-			output = human_time(Math.abs(elapsed), factor);
-
-		return before ? output + ' ago' : 'in ' + output;
-	},
-
-	human_join: function(list) {
-		if ( list.length === 2 )
-			return list[0] + ' and ' + list[1];
-		else if ( list.length === 1 )
-			return list[0];
-		return list.slice(0, -1).join(', ') + ' and ' + list[list.length-1];
-	},
-
-	time_to_string: function(elapsed, separate_days, days_only, no_hours, no_seconds) {
-		var seconds = elapsed % 60,
-			minutes = Math.floor(elapsed / 60),
-			hours = Math.floor(minutes / 60),
-			days = null;
-
-		minutes = minutes % 60;
-
-		if ( separate_days ) {
-			days = Math.floor(hours / 24);
-			hours = hours % 24;
-			if ( days_only && days > 0 )
-				return days + " days";
-
-			days = ( days > 0 ) ? days + " days, " : "";
-		}
-
-		return (days||'') + ((!no_hours || days || hours) ? ((days && hours < 10 ? "0" : "") + hours + ':') : '') + (minutes < 10 ? "0" : "") + minutes + (no_seconds ? "" : (":" + (seconds < 10 ? "0" : "") + seconds));
-	},
-
-	duration_string: function(val, no_purge, full_names) {
-		if ( ! no_purge && val === 1 )
-			return 'Purge';
-
-		if ( ! full_names && DURATIONS[val] )
-			return DURATIONS[val];
-
-		var weeks, days, hours, minutes, seconds;
-
-		weeks = Math.floor(val / 604800);
-		seconds = val % 604800;
-
-		days = Math.floor(seconds / 86400);
-		seconds %= 86400;
-
-		hours = Math.floor(seconds / 3600);
-		seconds %= 3600;
-
-		minutes = Math.floor(seconds / 60);
-		seconds %= 60;
-
-		var out = (weeks ? weeks + (full_names ? ' week' + pluralize(weeks) + ' ' : 'w') : '') +
-			(days ? days + (full_names ? ' day' + pluralize(days) + ' ' : 'd') : '') +
-			(hours ? hours + (full_names ? ' hour' + pluralize(hours) + ' ' : 'h') : '') +
-			(minutes ? minutes + (full_names ? ' minute' + pluralize(minutes) + ' ' : 'm') : '') +
-			(seconds ? seconds + (full_names ? ' second' + pluralize(seconds) + ' ' : 's') : '');
-
-		if ( full_names )
-			return out.substr(0, out.length - 1);
-
-		DURATIONS[val] = out;
-		return out;
-	},
-
-	parse_lv_duration: function(input) {
-		var match, value = 0;
-		while(match = lv_duration_regex.exec(input)) {
-			var mod = match[2],
-				val = parseInt(match[1]);
-			if ( mod === 'd' )
-				value += val * 86400;
-			else if ( mod === 'hrs' )
-				value += val * 3600;
-			else if ( mod === 'min' )
-				value += val * 60;
-			else if ( mod === 'sec' )
-				value += val;
-		}
-
-		return value;
-	},
-
-	format_unread: function(count) {
-		if ( count < 1 )
-			return "";
-
-		else if ( count >= 99 )
-			return "99+";
-
-		return "" + count;
-	},
-
-	format_size: function(bits) {
-		if(Math.abs(bits) < 1024)
-			return bits + ' b';
-
-		var units = ['Kb','Mb','Gb','Tb','Pb','Eb','Zb','Yb'],
-			u = -1;
-		do {
-			bits /= 1024;
-			++u;
-		} while(Math.abs(bits) >= 1024 && u < units.length - 1);
-		return bits.toFixed(1) + ' ' + units[u];
-	},
-
-	escape_regex: escape_regex,
-
-	createElement: createElement,
-
-	toggle_cls: function(cls) {
-		return function(val) {
-			document.body.classList.toggle(cls, val);
-		}
-	},
-
-
-	find_common_prefix: function(list, lower_only) {
-		if ( ! list || ! list.length )
-			return 0;
-
-		var p = 0,
-			l = list.length,
-			w = lower_only ? list[0].toLowerCase() : list[0],
-			wl = w.length;
-
-		while (p < wl) {
-			var c = w[p];
-			for(var i=0; i < l; ++i)
-				if ( list[i][p] !== c)
-					return p;
-
-			++p;
-		}
-
-		return wl;
-	},
-
-
-	utf8_encode: function(text) {
-		return unescape(encodeURIComponent(text))
-	},
-
-	utf8_decode: function(text) {
-		return decodeURIComponent(escape(text));
-	},
-
-	emote_css: function(emote) {
-		var output = '';
-		if ( ! emote.margins && (!emote.modifier || (! emote.modifier_offset && ! emote.extra_width && ! emote.shrink_to_fit)) && ! emote.css )
-			return output;
-
-		if ( emote.modifier && (emote.modifier_offset || emote.margins || emote.extra_width || emote.shrink_to_fit) ) {
-			var margins = emote.modifier_offset || emote.margins || '0';
-			margins = _.map(margins.split(/\s+/), function(n) { return parseInt(n) });
-			if ( margins.length === 3 )
-				margins.push(margins[1]);
-
-			var l = margins.length,
-				m_left = margins[3 % l],
-				m_right = margins[1 % l],
-				m_top = margins[0 % l],
-				m_bottom = margins[2 % l];
-
-			output += '.modified-emoticon span .emoticon[data-ffz-emote="' + emote.id + '"] {' +
-				'padding:' + m_top + 'px ' + m_right + 'px ' + m_bottom + 'px ' + m_left + 'px;' +
-				(emote.shrink_to_fit ? 'max-width: calc(100% - ' + (40 - m_left - m_right - (emote.extra_width || 0)) + 'px);' : '') +
-				'margin: 0 !important' +
-			'}\n';
-		}
-
-		return output +
-			(emote.modifier && emote.margins ? '.ffz-bttv .emoticon[data-ffz-emote="' + emote.id + '"] { margin: ' + emote.margins + ' !important;}' : '') +
-			'.emoticon[data-ffz-emote="' + emote.id + '"] {' +
-				((emote.margins && ! emote.modifier) ? 'margin:' + emote.margins + ' !important;' : '') +
-				(emote.css || '') +
-			'}\n';
-	},
-
-	moderator_css: function(room) {
-		if ( ! room.mod_urls )
-			return "";
-
-		var urls = room.mod_urls,
-			image_set = image = 'url("' + urls[1] + '")';
-
-		if ( urls[2] || urls[4] ) {
-			image_set += ' 1x';
-			if ( urls[2] )
-				image_set += ', url("' + urls[2] + '") 2x';
-			if ( urls[4] )
-				image_set += ', url("' + urls[4] + '") 4x';
-
-			image_set = WEBKIT + 'image-set(' + image_set + ')';
-		}
-
-		return '.from-display-preview[data-room="' + room.id + '"] .badges .moderator:not(.ffz-badge-replacement):not(.colored),' +
-			'.chat-line[data-room="' + room.id + '"] .badges .moderator:not(.ffz-badge-replacement):not(.colored) {' +
-				'background-repeat:no-repeat;' +
-				'background-size:initial !important;' +
-				'background-position:center;' +
-				'background-image: url("' + urls[1] + '") !important;' +
-				'background-image:' + image_set + ' !important}' +
-			'.from-display-preview[data-room="' + room.id + '"] .badges .moderator:not(.ffz-badge-replacement).colored,' +
-			'.chat-line[data-room="' + room.id + '"] .badges .moderator:not(.ffz-badge-replacement).colored {' +
-				WEBKIT + 'mask-repeat:no-repeat;' +
-				WEBKIT + 'mask-size:initial !important;' +
-				WEBKIT + 'mask-position:center;' +
-				WEBKIT + 'mask-image: url("' + urls[1] + '");' +
-				WEBKIT + 'mask-image:' + image_set + '}';
-	},
-
-	badge_css: function(badge, klass) {
-		klass = klass || ('ffz-badge-' + (badge.real_id || badge.id));
-		var urls = badge.urls || {1: badge.image},
-			image_set = image = 'url("' + urls[1] + '")';
-
-		if ( urls[2] || urls[4] ) {
-			image_set += ' 1x';
-			if ( urls[2] )
-				image_set += ', url("' + urls[2] + '") 2x';
-			if ( urls[4] )
-				image_set += ', url("' + urls[4] + '") 4x'
-
-			image_set = WEBKIT + 'image-set(' + image_set + ')';
-		}
-
-		var out = '.badges .' + klass + (badge.no_color ? ':not(.colored){' : '{') +
-			'background-color:' + badge.color + ';' +
-			(image !== image_set ? 'background-image:' + image + ';' : '') +
-			'background-image:' + image_set + ';' +
-			(badge.css || '') + '}' +
-
-			'.badges .badge.ffz-badge-replacement.ffz-replacer-' + klass + ':not(.colored){' +
-				(image !== image_set ? 'background-image:' + image + ';' : '') +
-				'background-image:' + image_set + '}';
-
-		if ( ! badge.no_color )
-			out += '.badges .badge.ffz-badge-replacement.ffz-replacer-' + klass + '.colored{' +
-				(image !== image_set ? WEBKIT + 'mask-image:' + image + ';' : '') +
-				WEBKIT + 'mask-image:' + image_set + '}' +
-			'.badges .' + klass + '.colored {' +
-				'background: linear-gradient(' + badge.color + ',' + badge.color + ');' +
-				(image !== image_set ? WEBKIT + 'mask-image:' + image + ';' : '') +
-				WEBKIT + 'mask-image:' + image_set + ';' +
-				(badge.css || '') + '}';
-
-		if ( badge.alpha_image )
-			out += '.badges .badge.alpha.' + klass + ',' +
-					'.ffz-transparent-badges .badges .' + klass + ' {' +
-				'background-image:url("' + badge.alpha_image + '")}';
-		return out;
-	},
-
-	room_badge_css: function(room_id, badge_id, version, data) {
-		var img_1x = data.image_url_1x,
-			img_2x = data.image_url_2x,
-			img_4x = data.image_url_4x,
-
-			loyalty = version === Infinity;
-
-		return (loyalty ? '.ffz-no-loyalty ' : '') + '.from-display-preview[data-room="' + room_id + '"] .badge.' + badge_id + (loyalty ? '' : '.version-' + version) +
-				(loyalty ? ',.ffz-no-loyalty ' : ',') + '.chat-line[data-room="' + room_id + '"] .badge.' + badge_id + (loyalty ? '' : '.version-' + version) + '{' +
-			'background-color:transparent;' +
-			'filter:none;' +
-			WEBKIT + 'mask-image: none;' +
-			'background-image:url("' + img_1x + '");' +
-			'background-image:' + WEBKIT + 'image-set(url("' + img_1x + '") 1x' + (img_2x ? ',url("' + img_2x + '") 2x' : '') + (img_4x ? ',url("' + img_4x + '") 4x' : '') + ')}';
-	},
-
-	cdn_badge_css: function(badge_id, version, data, room) {
-		var color = data.color || 'transparent',
-			ht = data.has_trans,
-			trans_color = data.trans_color || color,
-
-			base_image = data.image || ("https://cdn.frankerfacez.com/badges/twitch/" + badge_id + (data.use_svg ? '.svg' : "/" + version + "/")),
-			base_trans = ht ? (data.trans_image || ("https://cdn.frankerfacez.com/badges/twitch/" + badge_id + (data.trans_svg ? '.svg' : '/' + version + '/'))) : base_image,
-
-			is_svg = base_image.substr(-4) === '.svg',
-			trans_svg = base_trans.substr(-4) === '.svg',
-
-			image_set = image = 'url("' + base_image + (is_svg ? '' : "1.png") + '")',
-			trans_set = trans = 'url("' + base_trans + (trans_svg ? '' : '1_trans.png') + '")',
-
-			selector = '.badge.' + badge_id + '.version-' + version + (room ? '[data-room="' + room + '"]' : '');
-
-		if ( ! is_svg )
-			image_set = WEBKIT + 'image-set(' + image +
-				' 1x, url("' + base_image + (is_svg ? '' : '2.png') +
-				'") 2x, url("' + base_image + (is_svg ? '' : '4.png') + '") 4x)';
-
-		if ( ! trans_svg )
-			trans_set = WEBKIT + 'image-set(' + trans +
-				' 1x, url("' + base_trans + (trans_svg ? '' : '2_trans.png') +
-				'") 2x, url("' + base_trans + (trans_svg ? '' : '4_trans.png') + '") 4x)';
-
-		return selector + (data.no_color ? '' : ':not(.colored)') + '{' +
-				'background:' + image + ' ' + color + ';' +
-				(is_svg ? '}' : 'background-image:' + image_set + '}' ) +
-
-			(ht ? '.ffz-transparent-badges ' + selector + '{' +
-				'background:' + trans + ';' +
-				(trans_svg ? '}' : 'background-image:' + trans_set + '}') : '') +
-
-			(color === 'transparent' && ht ? '.ffz-blank-badges ' + selector + '{' +
-				'background:' + trans_color + '}' : '') +
-
-			(data.no_color ? '' : selector + '.colored{' +
-				'background: linear-gradient(' +  (ht ? trans_color + ',' + trans_color : color + ',' + color) + ');' +
-				(is_svg ? WEBKIT + 'mask-size:18px 18px;' : '') +
-				WEBKIT + 'mask-image:' + (ht ? trans : image) + ';' +
-				((ht ? trans_svg : is_svg) ? '}' : WEBKIT + 'mask-image:' + (ht ? trans_set : image_set) + '}')
-			);
-	},
-
-
-	// Render Updating List
-
-	render_update_list: function(ffz, segments, container, extra_classes, set_loading) {
-		extra_classes = extra_classes ? extra_classes + ' ' : '';
-		for(var i=0; i < segments.length; i++) {
-			var info = segments[i][1],
-				output;
-
-			if ( info.type === 'list' )
-				output = createElement('ul', extra_classes + 'version-list');
-			else if ( info.type === 'text' )
-				output = createElement('pre', extra_classes);
-			else
-				continue;
-
-			if ( info.title )
-				container.appendChild(createElement('div', 'list-header', info.title));
-
-			if ( set_loading )
-				output.classList.add('loading');
-
-			container.appendChild(output);
-
-			var update_content = function(info, output, func) {
-				if ( ! document.body.contains(output) )
-					return;
-
-				var result = info.render.call(ffz);
-				if ( ! (result instanceof Promise) )
-					result = Promise.resolve(result);
-
-				result.then(function(data) {
-					if ( set_loading )
-						output.classList.remove('loading');
-
-					if ( info.type === 'list' ) {
-						var handled_keys = [],
-							had_keys = output.childElementCount > 0;
-
-						for(var i=0; i < data.length; i++) {
-							var pair = data[i];
-							if ( pair === null ) {
-								if ( ! had_keys ) {
-									var line = createElement('li', '', '<br>');
-									line.setAttribute('data-key', 'null');
-									handled_keys.push('null');
-									output.appendChild(line);
-								}
-								continue;
-							}
-
-							var key = pair[0], value = pair[1],
-								line = output.querySelector('li[data-key="' + key + '"]');
-
-							if ( value === null )
-								continue;
-
-							handled_keys.push(key);
-
-							if ( ! line ) {
-								line = createElement('li');
-								line.setAttribute('data-key', key);
-								line.innerHTML = key + '<span></span>';
-								output.appendChild(line);
-							}
-
-							line.querySelector('span').innerHTML = value;
-						}
-
-						var lines = output.querySelectorAll('li');
-						for(var i=0; i < lines.length; i++) {
-							var line = lines[i];
-							if ( handled_keys.indexOf(line.getAttribute('data-key')) === -1 )
-								output.removeChild(line);
-						}
-
-					} else if ( info.type === 'text' ) {
-						output.textContent = data;
-					}
-
-					if ( info.refresh )
-						setTimeout(func.bind(ffz, info, output, func), typeof info.refresh === "number" ? info.refresh : 1000);
-
-				}).catch(function(err) {
-					ffz.error("Debugging Menu Error", err);
-
-					if ( info.type === 'list' )
-						output.innerHTML = '<li><i>An error occured while updating this information.</i></li>';
-					else
-						output.innerHTML = 'An error occured while updating this information.';
-
-					if ( info.refresh )
-						setTimeout(func.bind(ffz, info, output, func), typeof info.refresh === "number" ? info.refresh : 1000);
-				});
-
-			};
-
-			update_content.call(ffz, info, output, update_content);
-		}
-	}
-}
\ No newline at end of file
diff --git a/style.css b/style.css
deleted file mode 100644
index 9b8ed634..00000000
--- a/style.css
+++ /dev/null
@@ -1,4748 +0,0 @@
-/* Fix Tooltip Opacity */
-
-body[data-page^="ember#"] { overflow: hidden; position: relative }
-body > div.tipsy { opacity: 1 !important; }
-body > div.tipsy .tipsy-inner { background-color: rgba(0,0,0,0.8); }
-body > div.tipsy .tipsy-arrow { opacity: 0.8; }
-
-.ffz-flip .drawer__item--brick .warp__logo,
-.ffz-flip .drawer__item--xs .warp__glitch,
-.ffz-flip {
-	transform: scale(-1);
-}
-
-.ffz-ui-toggle {
-	display: block;
-	position: absolute;
-	top: 5px; right: 5px;
-	height: 18px; width: 24px;
-	cursor: pointer;
-}
-
-.app-main.has-sc .dash-dragula { height: calc(100vh - 18rem); }
-.ffz-sidebar-minimize .app-main.has-sc .dash-dragula { height: calc(100vh - 14rem) }
-
-.ffz-minimal-dashboard[data-current-path="user.dashboards.index"] .app-main.has-sc { top: 0 }
-.ffz-minimal-dashboard[data-current-path="user.dashboards.index"] #main_col { margin: 0 !important }
-.ffz-minimal-dashboard[data-current-path="user.dashboards.index"] .dash-dragula { height: calc(100vh - 70px) }
-.ffz-minimize-conversations.ffz-minimal-dashboard[data-current-path="user.dashboards.index"] .dash-dragula { height: calc(100vh - 50px) }
-
-
-.ffz-hide-thumb-info-on-hover .stream.item:hover .boxart,
-.ffz-hide-thumb-info-on-hover .stream.item:hover .overlay_info,
-.ffz-hide-thumb-info-on-hover .stream.item:hover .card__meta,
-.ffz-hide-thumb-info-on-hover .video.item:hover .boxart,
-.ffz-hide-thumb-info-on-hover .video.item:hover .overlay_info,
-.ffz-hide-thumb-info-on-hover .video.item:hover .card__meta,
-.ffz-hide-thumb-info-on-hover .video.item:hover .progress-bar-wrapper,
-.ffz-hide-thumb-info-on-hover .card-carousel__item:hover .card__boxpin,
-.ffz-hide-thumb-info-on-hover .ffz-directory-preview:hover .card__boxpin,
-
-.ffz-minimal-chat-input .trending-emote-feed,
-.ffz-minimal-chat-input .trending-emote-interface,
-.ffz-hide-trending-emotes .trending-emote-feed,
-.ffz-hide-trending-emotes .trending-emote-interface,
-.player[data-paused="false"] #js-follow-panel,
-body:not(.ffz-theater-basic-stats) .player-userinfo__game,
-body:not(.ffz-theater-basic-stats) .player-controls-top,
-.moderation-card__actions:not(.loading):empty,
-.ffz-hide-purchase-game .cmrc-channel-box,
-.ffz-minimal-dashboard[data-current-path="user.dashboards.index"] .top-nav,
-.ffz-minimal-dashboard[data-current-path="user.dashboards.index"] #left_col,
-.ffz-minimal-dashboard[data-current-path="user.dashboards.index"] #left_close,
-.ffz-minimal-dashboard[data-current-path="user.dashboards.index"] #right_col,
-.ffz-minimal-dashboard[data-current-path="user.dashboards.index"] #right_close,
-.ffz-minimal-dashboard[data-current-path="user.dashboards.index"] .new-dashboard .directory_header,
-.ffz-hide-directory-uploads .ffz-following-uploads,
-.pinned-cheers__dismiss,
-.ffz-hide-pinned-cheers .pinned-cheers,
-.cn-hosting--bottom .ffz-channel-options .balloon:after,
-.ffz-host-info .card__layout:not(.ffz),
-.ffz-following-row[data-loaded="false"] .button,
-.ffz-following-row[data-loaded="false"] .switch,
-.ffz-following-row[data-following="false"] .switch,
-.ffz-moderation-card:not(.lv-notes) ul.menu li[data-page="notes"],
-.ffz-moderation-card:not(.lv-logs) ul.menu li[data-page="history"],
-.ffz-moderation-card:not(.lv-tabs) ul.menu li.needs-lv,
-.ffz-hide-prime .drawer .warp__list.js-offers,
-.ffz-hide-prime-collapsed .drawer.closed .js-offers,
-.ffz-hide-friends-collapsed .drawer.closed .friend-list,
-.ffz-minimal-channel-title .cn-metabar > div:first-child:not(:hover) .js-card__info,
-.ffz-minimal-channel-title .cn-metabar__title:not(:hover) .card__info,
-.ffz-minimal-channel-bar .cn-bar-spacer,
-.ffz-channel-bar-bottom .cn-bar-spacer,
-.ffz-hide-channel-banner .cn-cover-wrap,
-.app-main .ad_leader:empty,
-body:not(.ffz-show-bits-tags) .bits-tag--container,
-.ffz-hide-socialbar .social-column,
-.ffz-hide-socialbar .has-sc #left_close,
-.ffz-hide-friends .friend-button,
-.ffz-hide-friends .sc-online-friends,
-.ffz-hide-friends .sc-suggestions,
-.ffz-hide-friends .sc-search,
-.ffz-hide-friends .top-nav-drawer__status,
-.ffz-hide-friends nav .friend-list,
-.ffz-hide-friends .js-presence-indicator,
-.ffz-hide-friends #friend-requests-in-notifications,
-.ffz-hide-more-at-twitch nav .tse-content > .warp__list:last-of-type,
-.ffz-hide-recommended-friends .recommended-friends,
-.ffz-hide-recommended-friends .sc-suggestions,
-.ffz-hide-recommended-channels .js-recommended-channels,
-.drawer.closed .js-recommended-channels .warp__item--header,
-.drawer.closed .promotedGames .warp__item--header,
-.ffz-hide-promoted-games .promotedGames,
-.ffz-hide-recent-past-broadcast .recent-past-broadcast,
-.ffz-hide-view-count .stat.twitch-channel-views,
-.ffz-hide-view-count .cn-metabar__viewcount,
-.ffz-minimal-chat-input .chat-interface .emoticon-selector-toggle,
-.ffz-menu-replace .chat-interface .ember-emoticon-selector,
-.ffz-menu-replace .chat-interface .emoticon-selector-toggle {
-	display: none !important;
-}
-
-.app-main.theatre.has-sc.has-net-neutrality,
-.ffz-hide-pinned-cheers .chat-messages { top: 0 !important }
-
-.ffz-channel-bar-bottom #channel {
-	margin-bottom: 60px;
-}
-
-.ffz-channel-bar-bottom .notification-controls .balloon {
-	top: auto;
-	bottom: 50px;
-}
-
-.ffz-channel-bar-bottom .js-username-hover-tip .balloon {
-	top: auto;
-	bottom: 100px;
-}
-
-.ffz-channel-bar-bottom .subscription-modal__balloon {
-	top: -400px !important;
-}
-
-.cn-hosting--bottom .ffz-channel-options .balloon {
-	left: 0;
-	right: auto;
-}
-
-.ffz-channel-bar-bottom .cn-bar-fixed {
-	top: auto;
-	bottom: 0;
-	box-shadow: inset 0 1px 0 #e5e3e8,0 -1px -1px rgba(0,0,0,.065);
-}
-
-.ffz-dark.ffz-channel-bar-bottom .cn-bar-fixed {
-	box-shadow: inset 0 1px 0 #161616, -1px -1px rgba(255,255,255,0.065);
-}
-
-body:not(.ffz-show-bits-tags) .ember-chat .chat-messages.bits-tags__offset {
-	top: 0;
-}
-
-.ffz-hide-trending-emotes .chat-room.trending-emotes-enabled .chat-messages .chat-line,
-.ffz-minimal-chat-input .chat-room.trending-emotes-enabled .chat-messages .chat-line {
-	padding-right: 20px;
-}
-
-.ffz-hide-trending-emotes .chat-room.trending-emotes-enabled .chat-messages { bottom: 111px }
-.ffz-hide-trending-emotes .chat-room.trending-emotes-enabled .chat-interface { height: 111px }
-
-body:not(.ffz-minimal-chat-input):not(.ffz-menu-replace) .chat-interface .emoticon-selector-toggle + .ffz-ui-toggle svg,
-body:not(.ffz-minimal-chat-input):not(.ffz-menu-replace) .chat-interface .emoticon-selector-toggle + div + .ffz-ui-toggle svg
-{
-	height: 14px;
-	width: 18px;
-}
-
-body:not(.ffz-minimal-chat-input):not(.ffz-menu-replace) .chat-interface .emoticon-selector-toggle + .ffz-ui-toggle,
-body:not(.ffz-minimal-chat-input):not(.ffz-menu-replace) .chat-interface .emoticon-selector-toggle + div + .ffz-ui-toggle {
-	height: 14px;
-	width: 18px;
-	top: 28px;
-	right: 6px;
-}
-
-.ffz-ui-toggle svg.svg-emoticons path { fill: rgba(0,0,0,0.2); }
-.ffz-ui-toggle:hover svg.svg-emoticons path { fill: rgba(0,0,0,0.5); }
-
-.card__img .overlay_info.length.live svg path,
-.card-carousel__item .card__img .overlay_info.live svg path,
-.streams .stream .content .overlay_info.live svg path,
-.videos .video .content .overlay_info.live svg path { fill: #ff2020; }
-
-.theme--dark .chat-container .ffz-ui-toggle svg.svg-emoticons path,
-.chat-container.dark .ffz-ui-toggle svg.svg-emoticons path,
-.app-main.theatre .ffz-ui-toggle svg.svg-emoticons path,
-body.ffz-bttv-dark .ffz-ui-toggle svg.svg-emoticons path { fill: #555; }
-
-.theme--dark .chat-container .ffz-ui-toggle:hover svg.svg-emoticons path,
-.chat-container.dark .ffz-ui-toggle:hover svg.svg-emoticons path,
-.app-main.theatre .ffz-ui-toggle:hover svg.svg-emoticons path,
-body.ffz-bttv-dark .ffz-ui-toggle:hover svg.svg-emoticons path { fill: #999; }
-
-
-.ffz-ui-toggle.no-emotes svg.svg-emoticons path { fill: rgba(80,0,0,0.2); }
-.ffz-ui-toggle.no-emotes:hover svg.svg-emoticons path { fill: rgba(80,0,0,0.5); }
-
-.ffz-ui-toggle.live svg.svg-emoticons path { fill: rgba(100,65,165,0.5); }
-.ffz-ui-toggle.live:hover svg.svg-emoticons path { fill: rgba(100,65,165,1); }
-
-.ffz-ui-toggle.blue.live svg.svg-emoticons path { fill: rgba(47,88,185,0.5); }
-.ffz-ui-toggle.blue.live:hover svg.svg-emoticons path { fill: rgba(47,88,185,1); }
-
-.app-main.theatre .ffz-ui-toggle.news svg.svg-emoticons path,
-.theme--dark .chat-container .ffz-ui-toggle.news svg.svg-emoticons path,
-.chat-container.dark .ffz-ui-toggle.news svg.svg-emoticons path,
-body.ffz-bttv-dark .ffz-ui-toggle.news svg.svg-emoticons path,
-.ffz-ui-toggle.news svg.svg-emoticons path { fill: rgba(117, 80, 0, 0.5); }
-
-.app-main.theatre .ffz-ui-toggle.news:hover svg.svg-emoticons path,
-.theme--dark .chat-container .ffz-ui-toggle.news:hover svg.svg-emoticons path,
-.chat-container.dark .ffz-ui-toggle.news:hover svg.svg-emoticons path,
-body.ffz-bttv-dark .ffz-ui-toggle.news:hover svg.svg-emoticons path,
-.ffz-ui-toggle.news:hover svg.svg-emoticons path { fill: rgba(117, 80, 0, 0.8); }
-
-.app-main.theatre .ffz-ui-toggle.no-emotes svg.svg-emoticons path,
-.theme--dark .chat-container .ffz-ui-toggle.no-emotes svg.svg-emoticons path,
-.chat-container.dark .ffz-ui-toggle.no-emotes svg.svg-emoticons path,
-body.ffz-bttv-dark .ffz-ui-toggle.no-emotes svg.svg-emoticons path { fill: #453434; }
-
-.app-main.theatre .ffz-ui-toggle.no-emotes:hover svg.svg-emoticons path,
-.theme--dark .chat-container .ffz-ui-toggle.no-emotes:hover svg.svg-emoticons path,
-.chat-container.dark .ffz-ui-toggle.no-emotes:hover svg.svg-emoticons path,
-body.ffz-bttv-dark .ffz-ui-toggle.no-emotes:hover svg.svg-emoticons path { fill: #543f3f; }
-
-.app-main.theatre .ffz-ui-toggle.live svg.svg-emoticons path,
-.theme--dark .chat-container .ffz-ui-toggle.live svg.svg-emoticons path,
-.chat-container.dark .ffz-ui-toggle.live svg.svg-emoticons path,
-body.ffz-bttv-dark .ffz-ui-toggle.live svg.svg-emoticons path { fill: #513c78; }
-
-.app-main.theatre .ffz-ui-toggle.live:hover svg.svg-emoticons path,
-.theme--dark .chat-container .ffz-ui-toggle.live:hover svg.svg-emoticons path,
-.chat-container.dark .ffz-ui-toggle.live:hover svg.svg-emoticons path,
-body.ffz-bttv-dark .ffz-ui-toggle.live:hover svg.svg-emoticons path { fill: #5b4487; }
-
-.app-main.theatre .ffz-ui-toggle.blue.live svg.svg-emoticons path,
-.theme--dark .chat-container .ffz-ui-toggle.blue.live svg.svg-emoticons path,
-.chat-container.dark .ffz-ui-toggle.blue.live svg.svg-emoticons path,
-body.ffz-bttv-dark .ffz-ui-toggle.blue.live svg.svg-emoticons path { fill: #3c4e78; }
-
-.app-main.theatre .ffz-ui-toggle.blue.live:hover svg.svg-emoticons path,
-.theme--dark .chat-container .ffz-ui-toggle.blue.live:hover svg.svg-emoticons path,
-.chat-container.dark .ffz-ui-toggle.blue.live:hover svg.svg-emoticons path,
-body.ffz-bttv-dark .ffz-ui-toggle.blue.live:hover svg.svg-emoticons path { fill: #445887; }
-
-
-.ffz-ui-toggle.live {
-	animation: ffzfade 8s linear infinite;
-}
-
-@keyframes ffzfade {
-	from, to { opacity: 1; }
-	50% { opacity: 0.75; }
-}
-
-.warp__logo:hover {
-	animation: ffzflipwobble 4s infinite;
-}
-
-@keyframes ffzflipwobble {
-	0%,30% { transform: none }
-	36% { transform: rotate(185deg) }
-	38% { transform: rotate(175deg) }
-	40%,90% { transform: rotate(180deg) }
-	96% { transform: rotate(365deg) }
-	98% { transform: rotate(355deg) }
-	100% { transform: rotate(360deg) }
-}
-
-
-.ember-chat .chat-menu.ffz-ui-popup { padding: 0 }
-
-.ffz-button {
-	float: right;
-	margin-top: -6px;
-	text-transform: none;
-}
-
-.ffz-noty .noty_message {
-	background-image: url("//cdn.frankerfacez.com/icon32.png") !important;
-	background-repeat: no-repeat !important;
-	background-position: 5px 10px !important;
-	padding-left: 42px !important;
-	text-align: left;
-}
-
-.ffz-ui-popup .button.live { overflow: hidden; background: #6441A5; color: #fff; }
-.ffz-ui-popup .button.live span { z-index: 2; position: relative; }
-
-.ffz-ui-popup .button.live:before, .ffz-ui-popup .button.live:after {
-	content: "";
-	display: block;
-	position: absolute;
-	width: 0px;
-	height: 0px;
-	border-radius: 999px;
-	top: 50%;
-	left: 50%;
-	z-index: 1
-}
-
-.ffz-ui-popup .button.live.purple:before, .ffz-ui-popup .button.live.purple:after {
-	box-shadow: 0 0 3px 1px #a68ed2,inset 0 0 3px 1px #a68ed2;
-	-moz-box-shadow: 0 0 3px 1px #a68ed2,inset 0 0 3px 1px #a68ed2;
-	-webkit-box-shadow: 0 0 3px 1px #a68ed2,inset 0 0 3px 1px #a68ed2;
-}
-
-.ffz-ui-popup .button.live.blue:before, .ffz-ui-popup .button.live.blue:after {
-	box-shadow: 0 0 3px 1px #8ea2d1,inset 0 0 3px 1px #8ea2d1;
-	-moz-box-shadow: 0 0 3px 1px #8ea2d1,inset 0 0 3px 1px #8ea2d1;
-	-webkit-box-shadow: 0 0 3px 1px #8ea2d1,inset 0 0 3px 1px #8ea2d1;
-}
-
-.ffz-ui-popup .button.live:before {
-	animation: expand 1500ms infinite ease-in;
-}
-
-.ffz-ui-popup .button.live:after {
-	animation: expand 1500ms infinite 750ms ease-in;
-}
-
-#dash_main #stats .stat.dark#ffz_count svg path { fill: #cacaca; }
-
-.ffz-live-team-channel .ffz-game {
-	display: inline-block;
-	max-width: 150px;
-	text-overflow: ellipsis;
-	overflow: hidden;
-	margin-bottom: -5px;
-}
-
-
-/* Minimal Channel Title */
-
-.ffz-minimal-channel-title .cn-metabar > div:first-child:hover,
-.ffz-minimal-channel-title .cn-metabar__title:hover {
-	background-color: #fff;
-	padding: 1rem;
-	margin-left: -1rem;
-}
-
-.ffz-dark.ffz-minimal-channel-title .cn-metabar > div:first-child:hover,
-.ffz-dark.ffz-minimal-channel-title .cn-metabar__title:hover { background-color: #101010 }
-
-.ffz-minimal-channel-title .cn-metabar > div:first-child:not(:hover) h3 {
-	margin-bottom: 0 !important;
-}
-
-.ffz-minimal-channel-title .cn-metabar > div:first-child:not(:hover) .cn-metabar__boxart,
-.ffz-minimal-channel-title .cn-metabar__title:not(:hover) .card__img--boxart {
-	height: 20px !important;
-	width: 14px !important;
-}
-
-
-/* Theater Mode hover bar */
-
-.ffz-theater-basic-stats .theatre .player-userinfo__game,
-.ffz-theater-basic-stats .theatre .player-controls-top {
-	display: block
-}
-
-.ffz-theater-stats .theatre #main_col:hover .cn-hosting--bottom,
-.ffz-theater-stats .theatre #main_col:focus .cn-hosting--bottom,
-.ffz-theater-stats .theatre .cn-hosting--bottom:hover,
-.ffz-theater-stats .theatre .cn-hosting--bottom:focus,
-
-.ffz-theater-stats .theatre #main_col:hover .cn-metabar__more,
-.ffz-theater-stats .theatre #main_col:focus .cn-metabar__more,
-.ffz-theater-stats .theatre .cn-metabar__more:hover,
-.ffz-theater-stats .theatre .cn-metabar__more:focus {
-	background-color: rgba(25,25,31,0.95);
-
-	color: #aaa;
-
-	position: fixed;
-	left: 10px;
-
-	width: auto;
-
-	z-index: 7;
-	padding: 10px !important;
-	flex-wrap: wrap;
-}
-
-.ffz-theater-stats .theatre .cn-hosting--bottom,
-.ffz-theater-stats .theatre .cn-metabar__more {
-	bottom: 85px;
-}
-
-.ffz-theater-stats:not(.ffz-theatre-conversations):not(.ffz-top-conversations) .theatre .cn-hosting--bottom,
-.ffz-theater-stats:not(.ffz-theatre-conversations):not(.ffz-top-conversations) .theatre .cn-metabar__more {
-	bottom: 95px;
-}
-
-.ffz-theater-stats .theatre .cn-metabar__more span,
-.ffz-theater-stats .theatre .cn-metabar__more div { flex-grow: 0 !important }
-
-.ffz-theater-stats .theatre .channel-stats .stat { color: #aaa; }
-
-.ffz-theater-stats .theatre .channel-stats span:not(.live-count) svg path {
-	fill: rgba(255,255,255,0.35);
-}
-
-.ffz-theater-stats .theatre .follow-button .notify:before,
-.ffz-theater-stats .theatre .button.drop:after,
-.ffz-theater-stats .theatre .follow-button .drop.follow:after {
-	border: 5px solid rgba(255,255,255,0.35);
-	border-left-color: transparent;
-	border-right-color: transparent;
-	border-bottom-color: transparent;
-}
-
-.ffz-theater-stats .theatre .follow-button .notify {
-	background-color: #25252a;
-}
-
-.ffz-theater-stats .theatre .button.button--icon-only:not(.follow-button) svg path {
-	fill: #a68ed2;
-}
-
-.theme--dark .chat-container .chat-line .button,
-.chat-container.dark .chat-line .button,
-.ffz-theater-stats .theatre .button.primary.subscribe-button {
-	color: #fff;
-}
-
-
-/* SRL Race Support */
-
-#ffz-ui-host-button { vertical-align: middle }
-
-.srl-logo {
-	display: inline-block;
-	width: 34px;
-	height: 16px;
-	background-image: url("//cdn.frankerfacez.com/script/srl_button.png");
-}
-
-.cn-metabar__ffz .srl-logo {
-	vertical-align: middle;
-	margin-top: -2px;
-}
-
-#ffz-metadata-popup[data-key="srl_race"] {
-	background-image: url("//cdn.frankerfacez.com/script/zreknarf-bg.png");
-	background-repeat: no-repeat;
-	padding: 1rem;
-	background-position: 115% 110%;
-}
-
-#ffz-metadata-popup[data-key="srl_race"] .heading {
-	margin: -1rem -1rem 1rem;
-	height: 65px;
-	position: relative;
-}
-
-#ffz-metadata-popup[data-key="srl_race"] .heading div {
-	padding: 0 1rem;
-}
-
-#ffz-metadata-popup[data-key="srl_race"] .heading h2,
-#ffz-metadata-popup[data-key="srl_race"] .heading .goal {
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-#ffz-metadata-popup[data-key="srl_race"] .heading .goal {
-	display: block;
-	margin: calc(-1rem + 1px);
-	padding: calc(1rem - 1px);
-}
-
-#ffz-metadata-popup[data-key="srl_race"] .heading .goal:hover {
-	white-space: normal;
-	background-color: rgba(255,255,255,0.9);
-	border-bottom: 1px solid rgba(0,0,0,0.2);
-}
-
-.theatre #ffz-metadata-popup[data-key="srl_race"] .heading .goal:hover,
-.ffz-dark #ffz-metadata-popup[data-key="srl_race"] .heading .goal:hover {
-	background-color: rgba(16,16,16,0.9);
-	border-color: rgba(255,255,255,0.2);
-}
-
-#ffz-metadata-popup[data-key="srl_race"] .heading h2 {
-	max-width: 240px;
-	font-size: 1.5em;
-	padding-bottom: 5px;
-	display: block;
-	width: 200px;
-	margin-bottom: 0;
-}
-
-#ffz-metadata-popup[data-key="srl_race"] .heading > span {
-	line-height: 30px;
-	position: absolute;
-	top: 7.5px;
-	right: 1rem;
-	padding: 0 5px;
-	background: rgba(0,0,0,0.5);
-	color: #fff;
-	border-radius: 5px;
-}
-
-#ffz-metadata-popup[data-key="srl_race"] p {
-	float: right;
-	margin-bottom: 0;
-}
-
-#ffz-metadata-popup[data-key="srl_race"] .right {
-	padding-top: 0;
-	text-align: right;
-}
-
-#ffz-metadata-popup[data-key="srl_race"] .table {
-	overflow-y: auto;
-	border-bottom: 1px solid;
-	margin-bottom: 1rem;
-}
-
-#ffz-metadata-popup[data-key="srl_race"] table {
-	width: 100%;
-	text-align: center;
-	border-spacing: 0;
-}
-
-#ffz-metadata-popup[data-key="srl_race"] table a {
-	color: inherit;
-}
-
-.ffz-about-table a.twitch,
-.ffz-about-table a.youtube,
-.ffz-about-table a.twitter,
-#ffz-metadata-popup[data-key="srl_race"] a.twitch,
-#ffz-metadata-popup[data-key="srl_race"] a.hitbox {
-	display: inline-block;
-	height: 16px;
-	margin-left: 5px;
-	background-repeat: no-repeat;
-}
-
-.ffz-about-table a.youtube {
-	width: 23px;
-	background-image: url("//cdn.frankerfacez.com/script/youtube_logo.png");
-}
-
-.ffz-about-table a.twitter {
-	width: 20px;
-	background-image: url("//cdn.frankerfacez.com/script/twitter_logo.png");
-}
-
-#ffz-metadata-popup[data-key="srl_race"] a.twitch,
-.ffz-about-table a.twitch {
-	width: 15px;
-	background-image: url("//cdn.frankerfacez.com/script/twitch_logo.png");
-}
-
-#ffz-metadata-popup[data-key="srl_race"] a.hitbox {
-	width: 12px;
-	background-image: url("//cdn.frankerfacez.com/script/hitbox_logo.png");
-}
-
-#ffz-metadata-popup[data-key="srl_race"] table tbody tr[data-state="done"]:nth-child(0n+1) td { background-color: rgba(255,255,0,.2); }
-#ffz-metadata-popup[data-key="srl_race"] table tbody tr[data-state="done"]:nth-child(0n+2) td { background-color: rgba(128,128,128,.2); }
-#ffz-metadata-popup[data-key="srl_race"] table tbody tr[data-state="done"]:nth-child(0n+3) td { background-color: rgba(210,100,0,.2); }
-#ffz-metadata-popup[data-key="srl_race"] table tbody tr[data-state="forfeit"] td { opacity: 0.5; background-color: rgba(210,100,100,.2); }
-#ffz-metadata-popup[data-key="srl_race"] table tbody tr[data-state="racing"] td.time { opacity: 0.5; }
-
-#ffz-metadata-popup[data-key="srl_race"] table th, #ffz-metadata-popup[data-key="srl_race"] td { padding: 1px; }
-#ffz-metadata-popup[data-key="srl_race"] table th { border-bottom: 1px solid; }
-
-
-/* Dark Menu */
-
-.ffz-ui-popup.emoticon-selector .emoticon-selector-box .emoticon.locked:before {
-	background-color: rgba(255,255,255,0.5);
-	display: block;
-	width: 100%;
-	height: 100%;
-	padding: 0;
-	background-position: calc(100% - 2.5px) calc(100% - 2.5px);
-}
-
-.ffz-dark .ffz-ui-popup.emoticon-selector .emoticon-selector-box .emoticon.locked:before,
-.theatre .ffz-ui-popup.emoticon-selector .emoticon-selector-box .emoticon.locked:before,
-.theme--dark .ffz-ui-popup.emoticon-selector .emoticon-selector-box .emoticon.locked:before,
-.dark .ffz-ui-popup.emoticon-selector .emoticon-selector-box .emoticon.locked:before {
-	background-color: rgba(16,16,16,0.5);
-}
-
-.ffz-sub-button + .ffz-sub-button { border-left: 1px solid #ffffff }
-
-.ffz-dark .ffz-sub-button + .ffz-sub-button,
-.theatre .ffz-sub-button + .ffz-sub-button,
-.theme--dark .ffz-sub-button + .ffz-sub-button,
-.dark .ffz-sub-button + .ffz-sub-button { border-left-color: #101010 }
-
-.emoticon.locked.unlocked:before { display: none !important }
-
-
-#ffz-chat-menu { background-color: transparent !important; }
-
-.ffz-dark .ember-chat .chat-menu .list-header,
-.theatre .ember-chat .chat-menu .list-header,
-.theme--dark .ember-chat .chat-menu .list-header,
-.dark .ember-chat .chat-menu .list-header {
-	border-top-color: rgba(255,255,255, 0.2);
-}
-
-.ffz-dark .ffz-ui-menu-page .ffz-filter-container,
-.theatre .ffz-ui-menu-page .ffz-filter-container,
-.theme--dark .ffz-ui-menu-page .ffz-filter-container,
-.dark .ffz-ui-menu-page .ffz-filter-container,
-
-.ffz-dark .chat-menu.ffz-ui-popup .ffz-ui-menu-page .chat-menu-content .heading,
-.theatre .chat-menu.ffz-ui-popup .ffz-ui-menu-page .chat-menu-content .heading,
-.theme--dark .chat-menu.ffz-ui-popup .ffz-ui-menu-page .chat-menu-content .heading,
-.dark .chat-menu.ffz-ui-popup .ffz-ui-menu-page .chat-menu-content .heading,
-
-.ffz-dark .chat-menu.ffz-ui-popup .ffz-ui-menu-page .emoticon-grid .heading,
-.theatre .chat-menu.ffz-ui-popup .ffz-ui-menu-page .emoticon-grid .heading,
-.theme--dark .chat-menu.ffz-ui-popup .ffz-ui-menu-page .emoticon-grid .heading,
-.dark .chat-menu.ffz-ui-popup .ffz-ui-menu-page .emoticon-grid .heading,
-
-.ffz-dark .ffz-ui-popup ul.menu,
-.theatre .ffz-ui-popup ul.menu,
-.theme--dark .ffz-ui-popup ul.menu,
-.dark .ffz-ui-popup ul.menu,
-
-.ffz-dark .ffz-ui-popup ul.menu a,
-.theatre .ffz-ui-popup ul.menu a,
-.theme--dark .ffz-ui-popup ul.menu a,
-.dark .ffz-ui-popup ul.menu a,
-
-.ffz-sidebar-swap.ffz-dark .ffz-ui-popup ul.menu a,
-.ffz-sidebar-swap .theatre .ffz-ui-popup ul.menu a,
-.ffz-sidebar-swap .theme--dark .ffz-ui-popup ul.menu a,
-.ffz-sidebar-swap .dark .ffz-ui-popup ul.menu a {
-	border-color: #32323e;
-}
-
-.ffz-dark .ffz-ui-popup ul.menu,
-.theatre .ffz-ui-popup ul.menu,
-.theme--dark .ffz-ui-popup ul.menu,
-.dark .ffz-ui-popup ul.menu {
-	background-color: #212121;
-}
-
-.ffz-dark .ffz-ui-popup ul.menu li.active,
-.theatre .ffz-ui-popup ul.menu li.active,
-.dark .ffz-ui-popup ul.menu li.active,
-.theme--dark .ffz-ui-popup ul.menu li.active {
-	background-color: #101010;
-}
-
-.ffz-dark .ffz-ui-popup ul.menu li.active a,
-.theatre .ffz-ui-popup ul.menu li.active a,
-.dark .ffz-ui-popup ul.menu li.active a,
-.theme--dark .ffz-ui-popup ul.menu li.active a {
-	border-top-color: #101010;
-}
-
-.ffz-dark .ffz-ui-popup.emoticon-selector .emoticon-selector-box,
-.theatre .ffz-ui-popup.emoticon-selector .emoticon-selector-box,
-.dark .ffz-ui-popup.emoticon-selector .emoticon-selector-box,
-.theme--dark .ffz-ui-popup.emoticon-selector .emoticon-selector-box {
-	background-color: #101010;
-	color: #c3c3c3;
-	border-color: #32323e;
-}
-
-
-
-/* Menu Options */
-
-.emoticon-selector .emoticon-selector-box .subscribe-message {
-	padding: 10px 20px;
-	margin: 0;
-}
-
-.emoticon-selector .emoticon-grid.ffz-no-emotes img {
-	padding: 5px;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	-ms-user-select: none;
-}
-
-.ffz-ui-sub-menu-page[data-page="favorites"] .emoticon-grid.ffz-no-emotes {
-    padding: 10px 20px;
-}
-
-.suggestion.ffz-favorite,
-.emoticon.ffz-favorite { position: relative; }
-
-.favorites-grid:not(:empty) + .ffz-no-emotes,
-.favorites-grid .emoticon.ffz-favorite:before { display: none }
-
-.tipsy .ffz-favorite,
-.suggestion.ffz-favorite:before,
-.emoticon.ffz-favorite:before {
-	content: "";
-	display: block;
-	height: 14px; width: 14px;
-	position: absolute;
-	right: 0; bottom: 0;
-	background: url("//cdn.frankerfacez.com/script/emoticon_favorite.png") no-repeat;
-}
-
-.tipsy .ffz-favorite { right: 10px; bottom: 10px }
-
-.suggestion.ffz-favorite:before { right: 2.5px; bottom: 2.5px }
-
-.chat-menu.ffz-ui-popup .ffz-ui-menu-page .chat-menu-content.menu-side-padding { padding-left: 20px; padding-right: 20px; }
-
-.emoticon-grid.collapsable.collapsed span,
-.chat-menu-content.collapsable.collapsed p { display: none; }
-
-.chat-menu.ffz-ui-popup .ffz-ui-menu-page .chat-menu-content.collapsable.collapsed .heading,
-.chat-menu.ffz-ui-popup .ffz-ui-menu-page .emoticon-grid.collapsable.collapsed .heading {
-	padding-bottom: 0;
-}
-
-.emoticon-grid.collapsable .heading,
-.emoticon-grid.collapsable.collapsed,
-.chat-menu-content.collapsable.collapsed,
-.chat-menu-content.collapsable .heading {
-	cursor: pointer;
-}
-
-.emoticon-grid.collapsable .heading,
-.chat-menu-content.collapsable .heading {
-	position: relative;
-}
-
-.pin-switch {
-	display: block;
-	height: 16px;
-	padding: 2px;
-	margin: 0 !important;
-	cursor: pointer;
-}
-
-.pin-switch:hover svg path,
-.pin-switch.active svg path { fill: #14b866 !important }
-.pin-switch.active:hover svg path { fill: #fc3636 !important }
-
-.pin-switch svg path { fill: rgba(0,0,0,0.2); }
-
-.dark .pin-switch svg path,
-.theatre .dark .pin-switch svg path,
-.theme--dark .pin-switch svg path,
-.theatre .theme--dark .pin-switch svg path { fill: rgba(255,255,255,0.2) }
-
-.pin-switch,
-.list-header time,
-.list-header span.right { float: right; }
-
-.ember-chat .chat-menu .list-header.sub-header {
-	border-top: none;
-	margin: 0 20px;
-	padding: 5px 0 0;
-}
-
-.ember-chat .chat-menu .list-header.sub-header + .chat-menu-content {
-	padding-top: 0;
-}
-
-.chat-menu-content.collapsable .heading span.right {
-	padding-right: 15px;
-}
-
-.emoticon-grid.collapsable .heading:before,
-.chat-menu-content.collapsable .heading:before {
-	content: "";
-	border: 5px solid #666;
-	border-left-color: transparent;
-	border-right-color: transparent;
-
-	position: absolute;
-	margin-top: 6px;
-	right: 20px;
-}
-
-.emoticon-grid.collapsable.collapsed .heading:before,
-.chat-menu-content.collapsable.collapsed .heading:before { border-bottom-color: transparent; }
-
-.emoticon-grid.collapsable:not(.collapsed) .heading:before {
-	display: none;
-}
-
-.chat-menu-content.collapsable:not(.collapsed) .heading:before {
-	border-top-color: transparent;
-	margin-top: 1px;
-}
-
-
-#small_nav .content ul li#ffz_small_menu .filter_icon svg {
-	margin: 11px 13px;
-}
-
-.ffz-player-reset svg { padding: 0 3px }
-
-.player-menu__menu,
-.ffz-ui-sub-menu-page,
-.ffz-ui-menu-page { overflow-y: auto; }
-
-.ffz-ui-menu-page[data-page="about"] .ffz-ui-sub-menu-page .chat-menu-content:first-child {
-	padding: 20px 0 10px;
-}
-
-.ffz-ui-sub-menu-page[data-page="about"],
-.ffz-ui-menu-page .chat-menu-content p { padding: 0 20px; }
-
-.ffz-moderation-card .version-list span,
-.ffz-ui-menu-page .version-list span { float: right }
-
-.ffz-moderation-card .version-list li:not(:last-of-type),
-.ffz-ui-menu-page .version-list li:not(:last-of-type) {
-	border-bottom: 1px dotted rgba(127,127,127,0.5);
-}
-
-.ffz-ui-menu-page .version-list ul {
-	margin-left: 20px
-}
-
-.ffz-ui-menu-page pre {
-	box-shadow: none !important;
-	white-space: pre-wrap;
-}
-
-#ffz-old-news-button {
-	text-align: center;
-	text-transform: none;
-	padding-bottom: 15px;
-}
-
-#ffz-old-news { display: none }
-
-.app-main.theatre .chat-container .chat-interface .ffz-ui-popup.emoticon-selector .emoticon-selector-box,
-.theme--dark .chat-container .chat-interface .ffz-ui-popup.emoticon-selector .emoticon-selector-box,
-.chat-container.dark .chat-interface .ffz-ui-popup.emoticon-selector .emoticon-selector-box {
-	background-color: rgb(16,16,16);
-	color: rgb(195,195,195);
-	border-color: #32323e;
-}
-
-
-.chat-menu.ffz-ui-popup .ffz-ui-menu-page .chat-menu-content .heading,
-.chat-menu.ffz-ui-popup .ffz-ui-menu-page .emoticon-grid .heading {
-	padding: 10px 20px;
-	border-top: 1px solid rgba(0,0,0,0.2);
-	text-align: left;
-}
-
-.chat-menu.ffz-ui-popup .ffz-ui-menu-page .emoticon-grid .heading {
-	padding-left: 43px;
-	background-repeat: no-repeat;
-	background-position: 20px 10px;
-}
-
-.chat-menu.ffz-ui-popup .ffz-ui-menu-page .emoticon-grid + .emoticon-grid { padding-top: 0; }
-
-.chat-menu.ffz-ui-popup .ffz-ui-menu-page .chat-menu-content:first-of-type .heading,
-.chat-menu.ffz-ui-popup .ffz-ui-menu-page .emoticon-grid:first-of-type .heading {
-	border-top: none;
-	padding-top: 0;
-	background-position: 20px 0;
-}
-
-.chat-menu.ffz-ui-popup .ffz-ui-menu-page .chat-menu-content {
-	padding: 10px 0;
-	background-color: transparent;
-}
-
-.chat-menu.ffz-ui-popup .ffz-ui-menu-page .chat-menu-content + .chat-menu-content {
-	padding-top: 0;
-}
-
-.ffz-ui-menu-page span.help {
-	display: block;
-	opacity: 0.75;
-}
-
-.ffz-ui-menu-page p.disabled span.switch-label,
-.ffz-ui-menu-page span.help,
-.ffz-ui-menu-page span.option-label,
-.ffz-ui-menu-page p.option a {
-	margin-left: 50px;
-}
-
-.ffz-ui-menu-page span.option-label {
-	line-height: 25px;
-}
-
-.ffz-ui-menu-page input,
-.ffz-ui-menu-page select {
-	margin: 0 10px 5px;
-}
-
-.ffz-ui-menu-page input[type="file"] {
-	width: auto;
-}
-
-#ffz-chat-menu { pointer-events: none; }
-
-.ffz-ui-popup ul.menu {
-	list-style-type: none;
-	border-top: 1px solid rgba(0,0,0,0.2);
-	background-color: #eee;
-	margin: 0 1px 1px;
-}
-
-.ffz-ui-popup ul.menu:not(.sub-menu) {
-	cursor: ew-resize;
-}
-
-.ffz-ui-popup .emoticon-selector-box {
-	width: 10000px !important; /* Max-width has our back */
-	max-width: 300px;
-	pointer-events: auto;
-}
-
-.ember-chat .chat-interface .ffz-ui-popup.emoticon-selector .emoticon-selector-box .emoticon-grid { background-color: transparent !important; }
-
-.ffz-bttv-dark .ffz-ui-popup ul.menu {
-	background-color: #282828;
-}
-
-.ffz-ui-popup ul.sub-menu li.title,
-.ffz-ui-menu-page .heading .right,
-.ffz-ui-popup ul.menu li.item {
-	float: right;
-}
-
-.ffz-ui-popup ul.sub-menu li.item,
-.ffz-ui-popup ul.menu li.title {
-	float: left;
-}
-
-.ffz-ui-popup ul.sub-menu {
-	background-color: #dfdfdf;
-	margin: 0 1px;
-}
-
-.app-main.theatre .ffz-ui-popup ul.sub-menu,
-.theme--dark .chat-container .ffz-ui-popup ul.sub-menu,
-.chat-container.dark .ffz-ui-popup ul.sub-menu,
-body.ffz-bttv-dark .ffz-ui-popup ul.sub-menu {
-	background-color: #181818;
-}
-
-.ffz-ui-popup ul.sub-menu a {
-	text-decoration: none;
-	color: #333;
-}
-
-.app-main.theatre .ffz-ui-popup ul.sub-menu a,
-.theme--dark .chat-container .ffz-ui-popup ul.sub-menu a,
-.chat-container.dark .ffz-ui-popup ul.sub-menu a,
-body.ffz-bttv-dark .ffz-ui-popup ul.sub-menu a {
-	color: #d3d3d3 !important;
-}
-
-span.ffz-handle {
-	display: inline-block;
-	position: relative;
-	height: 26px;
-	width: 14px;
-	transition: width 500ms;
-}
-
-span.ffz-handle:before,
-span.ffz-handle:after {
-	position: absolute;
-	left: 4px;
-	top: 5px;
-	content: "";
-	height: 14px;
-	border: 1px solid #bbb;
-	border-radius: 4px;
-	transition: transform 500ms, left 500ms, border-color 500ms, border-width 500ms, height 500ms;
-}
-
-span.ffz-handle:after { left: 8px }
-
-.ui-moved span.ffz-handle { width: 24px; cursor: pointer; }
-
-.ui-moved span.ffz-handle:before,
-.ui-moved span.ffz-handle:after {
-	left: 11px;
-	border-color: #333;
-}
-
-.ui-moved span.ffz-handle:before { transform: rotate(45deg); }
-.ui-moved span.ffz-handle:after { transform: rotate(-45deg); }
-
-.ffz-dark .ffz-recent-expando span.ffz-handle:before,
-.ffz-dark .ffz-recent-expando span.ffz-handle:after,
-
-.app-main.theatre span.ffz-handle:before,
-.theme--dark .chat-container span.ffz-handle:before,
-.chat-container.dark span.ffz-handle:before,
-body.ffz-bttv-dark span.ffz-handle:before,
-.app-main.theatre span.ffz-handle:after,
-.theme--dark .chat-container span.ffz-handle:after,
-.chat-container.dark span.ffz-handle:after,
-body.ffz-bttv-dark span.ffz-handle:after {
-	border-color: #666;
-}
-
-.app-main.theatre .ui-moved span.ffz-handle:before,
-.theme--dark .chat-container .ui-moved span.ffz-handle:before,
-.chat-container.dark .ui-moved span.ffz-handle:before,
-body.ffz-bttv-dark .ui-moved span.ffz-handle:before,
-.app-main.theatre .ui-moved span.ffz-handle:after,
-.theme--dark .chat-container .ui-moved span.ffz-handle:after,
-.chat-container.dark .ui-moved span.ffz-handle:after,
-body.ffz-bttv-dark .ui-moved span.ffz-handle:after {
-	border-color: #d3d3d3;
-}
-
-
-.ffz-recent-expando > span.ffz-handle {
-	float: left;
-	margin: -3px 5px -3px -5px;
-}
-
-.ffz-ui-popup ul.menu li.title > span.ffz-handle {
-	float: left;
-	margin: 5px;
-}
-
-.ffz-ui-popup ul.menu li.title > span.title {
-	display: block;
-	margin-left: 24px;
-	padding: 10px 20px 10px 0;
-	line-height: 16px;
-	transition: margin-left 500ms;
-}
-
-.ffz-ui-popup.ui-moved ul.menu li.title > span.title { margin-left: 34px; }
-
-.ffz-ui-popup ul.menu a {
-	display: block;
-	padding: 10px;
-	height: 16px;
-	margin-top: -1px;
-	cursor: pointer;
-	border-left: 1px solid rgba(0,0,0,0.2);
-	border-top: 1px solid transparent;
-}
-
-.ffz-ui-popup ul.sub-menu a {
-	border-left: none;
-	border-right: 1px solid rgba(0,0,0,0.2);
-}
-
-body.ffz-bttv-dark .ffz-ui-popup ul.menu { border-top-color: rgba(255,255,255,0.1) }
-body.ffz-bttv-dark .ffz-ui-popup ul.menu a { border-left-color: rgba(255,255,255,0.1) }
-body.ffz-bttv-dark .ffz-ui-popup ul.sub-menu a { border-right-color: rgba(255,255,255,0.1) }
-
-.ffz-ui-popup ul.menu li.active {
-	background-color: #fff;
-}
-
-.ffz-ui-popup ul.menu li.active a {
-	border-top-color: #fff;
-}
-
-.ffz-ui-popup ul.menu li.active.has-sub-menu {
-	background-color: #dfdfdf;
-}
-
-.ffz-ui-popup ul.menu li.active.has-sub-menu a {
-	border-top-color: #dfdfdf;
-}
-
-
-.theme--dark .chat-container .chat-interface .ffz-ui-popup ul.menu li.active,
-.chat-container.dark .chat-interface .ffz-ui-popup ul.menu li.active,
-.app-main.theatre .chat-container .chat-interface .ffz-ui-popup ul.menu li.active,
-body.ffz-bttv-dark .ffz-ui-popup ul.menu li.active {
-	background-color: rgb(16,16,16);
-}
-
-.theme--dark .chat-container .chat-interface .ffz-ui-popup ul.menu li.active a,
-.chat-container.dark .chat-interface .ffz-ui-popup ul.menu li.active a,
-.app-main.theatre .chat-container .chat-interface .ffz-ui-popup ul.menu li.active a,
-body.ffz-bttv-dark .ffz-ui-popup ul.menu li.active a {
-	border-top-color: rgb(16,16,16);
-}
-
-.theme--dark .chat-container .chat-interface .ffz-ui-popup ul.menu li.active.has-sub-menu,
-.chat-container.dark .chat-interface .ffz-ui-popup ul.menu li.active.has-sub-menu,
-.app-main.theatre .chat-container .chat-interface .ffz-ui-popup ul.menu li.active.has-sub-menu,
-body.ffz-bttv-dark .ffz-ui-popup ul.menu li.active.has-sub-menu {
-	background-color: #181818;
-}
-
-.theme--dark .chat-container .chat-interface .ffz-ui-popup ul.menu li.active.has-sub-menu a,
-.chat-container.dark .chat-interface .ffz-ui-popup ul.menu li.active.has-sub-menu a,
-.app-main.theatre .chat-container .chat-interface .ffz-ui-popup ul.menu li.active.has-sub-menu a,
-body.ffz-bttv-dark .ffz-ui-popup li.active.has-sub-menu a {
-	border-top-color: #181818;
-}
-
-.theme--dark .chat-container .chat-interface .ffz-ui-popup a,
-.chat-container.dark .chat-interface .ffz-ui-popup a,
-.app-main.theatre .chat-container .chat-interface .ffz-ui-popup a,
-body.ffz-bttv-dark .ffz-ui-popup .ffz-ui-menu-page a { color: #fff; }
-
-
-.theme--dark .chat-container .chat-interface .ffz-ui-popup ul.menu svg path,
-.chat-container.dark .chat-interface .ffz-ui-popup ul.menu svg path,
-.app-main.theatre .chat-container .chat-interface .ffz-ui-popup ul.menu svg path,
-.ffz-dark .ffz-ui-popup ul.menu svg path,
-body.ffz-bttv-dark .ffz-ui-popup ul.menu svg path { fill: #d3d3d3; }
-
-.ffz-ui-popup ul.menu svg path { fill: #333; }
-
-
-.ffz-ui-popup .option-label span,
-.ffz-ui-popup .switch-label span {
-	opacity: 0.8;
-	font-size: 10px;
-	line-height: 20px;
-	padding: 4px;
-	background: rgba(0,0,0,0.2);
-	vertical-align: top;
-}
-
-/* BTTV Menu Fixes */
-
-.emote-menu .header-info img { max-width: 18px; max-height: 18px }
-
-.bttv-incompatibility {
-	padding-top: 8px !important;
-}
-
-body.ffz-bttv-dark .ffz-ui-popup .emoticon-grid .heading,
-body.ffz-bttv-dark .ffz-ui-popup li.title { color: #fff; }
-body.ffz-bttv-dark .ffz-ui-popup .ffz-ui-menu-page { background-color: #101010; }
-.ffz-bttv .ffz-ui-popup .chat-menu-content p a {
-    padding: 0;
-}
-
-body.ffz-bttv-dark .ffz-ui-popup ul.menu,
-body.ffz-bttv-dark .ffz-ui-popup .ffz-ui-menu-page { margin: 0 }
-
-body.ffz-bttv-dark .ffz-ui-popup .ffz-ui-menu-page .chat-menu-content .heading,
-body.ffz-bttv-dark .ffz-ui-popup .ffz-ui-menu-page .emoticon-grid .heading {
-	border-color: rgba(255,255,255,0.1);
-}
-
-body.ffz-bttv-dark .ffz-ui-popup ul.menu:not(.sub-menu),
-body.ffz-bttv-dark .ffz-ui-popup .ffz-ui-menu-page { border: 1px solid rgba(255,255,255,0.1) }
-body.ffz-bttv-dark .ffz-ui-popup .ffz-ui-menu-page { border-bottom: none }
-
-.ffz-bttv .emoticon.emoji { padding-top: 0 }
-
-/* Host Menu */
-
-.ffz-subwindow input {
-    padding: 5px;
-}
-
-.ffz-subwindow p {
-	margin-bottom: 0;
-	padding: 0 0 10px;
-}
-
-#ffz-metadata-popup,
-.ffz-subwindow .card,
-.ffz-channel-selector {
-	background-image: url("//cdn.frankerfacez.com/script/zreknarf-bg.png");
-	background-repeat: no-repeat;
-	background-size: 50%;
-	background-position: 110% 115%;
-}
-
-.ffz-channel-selector .dropmenu_action {
-	display: block;
-	position: relative;
-	line-height: 34px;
-	overflow: hidden;
-	padding: 0 !important;
-}
-
-.ffz-channel-selector .image {
-	display: inline-block;
-	width: 20px;
-	height: 20px;
-	float: left;
-	margin: 6px 15px 8px 20px;
-}
-
-.ffz-channel-selector .title {
-	text-overflow: ellipsis;
-	overflow: hidden;
-	white-space: nowrap;
-	display: block;
-	padding-right: 20px;
-}
-
-.ffz-channel-selector .header {
-	padding: 5px 20px;
-	margin-bottom: 0;
-	border-bottom: none;
-	line-height: 22px;
-	text-transform: uppercase;
-	font-size: 11px;
-	color: #666;
-}
-
-
-/* Oh my god this is awful why does Chat Replay move chat lines? */
-
-.app-main.theatre .chatReplay .chat-messages .chat-line .mod-icons,
-.ffz-dark .chatReplay .chat-messages .chat-line .mod-icons {
-	background-color: rgba(0,0,0,0.8);
-}
-
-.chatReplay .chat-messages .chat-line .mod-icons {
-	position: absolute;
-	z-index: 10;
-	left: 0; top: 0; bottom: 0;
-	padding: 3px 5px 4px 4px;
-	background: rgba(255,255,255,0.8);
-	transition: margin-left .08s linear;
-}
-
-.chatReplay .show-mod-icons .chat-line .mod-icons { transition: none }
-.chatReplay .chat-messages .chat-line:hover { overflow: visible }
-
-.chatReplay .chat-messages .chat-line:hover .mod-icons {
-	margin-left: 0;
-}
-
-.chatReplay .chat-messages .horizontal-line { margin: 4px 0 }
-
-
-/* Positioning Fixes */
-
-body:not(.ffz-bttv) .ember-chat .chat-settings { bottom: 40px; }
-body:not(.ffz-bttv) .notification-controls .notify-menu { bottom: 25px; }
-body:not(.ffz-bttv) .dropmenu.share { margin-bottom: 0; }
-
-
-/* Dashboard Changes */
-
-#dash_main #stream-config-status, #chart_container.ffz-stat-chart { margin: 20px auto 0 }
-
-/*#dash_main #video_player { height: 303.75px }
-
-#stream-config-status { display: none }
-
-#delay_controls { float: left }
-#delay_controls + #commercial_buttons { float: right }
-#delay_controls + #commercial_buttons + div { clear: both }
-
-#delay_controls, #delay_controls + #commercial_buttons {
-    width: 50%;
-    margin-bottom: 20px;
-}
-
-#dash_main #delay_controls, #dash_main #commercial_buttons {
-    margin-top: 0;
-    padding-top: 0;
-    border-top: none;
-}
-
-#dash_main #delay_controls .section_header, #commercial_buttons .section_header { padding-top: 0 }
-#dash_main #delay_controls .ui-slider { margin-top: 18px }*/
-
-
-/* Menu Scrollbar */
-
-.offer-list__core::-webkit-scrollbar,
-.notification-center__content::-webkit-scrollbar,
-.balloon__list.scroll-y::-webkit-scrollbar,
-.player-menu__menu::-webkit-scrollbar,
-.dash-column::-webkit-scrollbar,
-#ffz-metadata-popup .scroller::-webkit-scrollbar,
-.search-panel .collection-wrapper::-webkit-scrollbar,
-.activity-react__all::-webkit-scrollbar,
-.conversations-list .scroll-container::-webkit-scrollbar,
-.chatters-container::-webkit-scrollbar,
-.ffz-scrollbar::-webkit-scrollbar,
-.ember-chat .chat-settings::-webkit-scrollbar,
-.conversations-list .conversations-list-inner::-webkit-scrollbar,
-.conversation-window .conversation-content::-webkit-scrollbar,
-.chat-history::-webkit-scrollbar,
-#ffz-metadata-popup[data-key="srl_race"] .table::-webkit-scrollbar,
-.emoticon-selector-box .all-emotes::-webkit-scrollbar,
-.ffz-ui-sub-menu-page::-webkit-scrollbar,
-.ffz-ui-menu-page::-webkit-scrollbar {
-	height: 6px;
-	width: 6px;
-}
-
-.offer-list__core::-webkit-scrollbar-thumb,
-.notification-center__content::-webkit-scrollbar-thumb,
-.balloon__list.scroll-y::-webkit-scrollbar-thumb,
-.player-menu__menu::-webkit-scrollbar-thumb,
-.dash-column::-webkit-scrollbar-thumb,
-#ffz-metadata-popup .scroller::-webkit-scrollbar-thumb,
-.search-panel .collection-wrapper::-webkit-scrollbar-thumb,
-.activity-react__all::-webkit-scrollbar-thumb,
-.conversations-list .scroll-container::-webkit-scrollbar-thumb,
-.chatters-container::-webkit-scrollbar-thumb,
-.ffz-scrollbar::-webkit-scrollbar-thumb,
-.ember-chat .chat-settings::-webkit-scrollbar-thumb,
-.conversations-list .conversations-list-inner::-webkit-scrollbar-thumb,
-.conversation-window .conversation-content::-webkit-scrollbar-thumb,
-.chat-history::-webkit-scrollbar-thumb,
-#ffz-metadata-popup[data-key="srl_race"] .table::-webkit-scrollbar-thumb,
-.emoticon-selector-box .all-emotes::-webkit-scrollbar-thumb,
-.ffz-ui-sub-menu-page::-webkit-scrollbar-thumb,
-.ffz-ui-menu-page::-webkit-scrollbar-thumb {
-	border-radius: 7px;
-	background: rgba(0,0,0,0.7);
-	box-shadow: 0 0 1px 1px rgba(255,255,255,0.25);
-}
-
-.ffz-dark .offer-list__core::-webkit-scrollbar-thumb,
-.ffz-dark .notification-center__content::-webkit-scrollbar-thumb,
-.ffz-dark .balloon__list.scroll-y::-webkit-scrollbar-thumb,
-.ffz-dark .player-menu__menu::-webkit-scrollbar-thumb,
-
-.ffz-dark .dash-column::-webkit-scrollbar-thumb,
-.theatre .dash-column::-webkit-scrollbar-thumb,
-
-.ffz-dark #ffz-metadata-popup .scroller::-webkit-scrollbar-thumb,
-.theatre #ffz-metadata-popup .scroller::-webkit-scrollbar-thumb,
-
-.ffz-dark .search-panel .collection-wrapper::-webkit-scrollbar-thumb,
-.ffz-dark .activity-react__all::-webkit-scrollbar-thumb,
-.ffz-dark .conversations-list .scroll-container::-webkit-scrollbar-thumb,
-.ffz-dark .ffz-scrollbar::-webkit-scrollbar-thumb,
-.ffz-dark .table::-webkit-scrollbar-thumb,
-.ffz-dark .conversation-window .conversation-content::-webkit-scrollbar-thumb,
-.ffz-dark .conversations-list .conversations-list-inner::-webkit-scrollbar-thumb,
-.ffz-dark .conversation-input-bar .emoticon-selector-box .all-emotes::-webkit-scrollbar-thumb,
-
-.theatre .offer-list__core::-webkit-scrollbar-thumb,
-.theatre .search-panel .collection-wrapper::-webkit-scrollbar-thumb,
-.theatre .conversations-list .scroll-container::-webkit-scrollbar-thumb,
-.theatre .chatters-container::-webkit-scrollbar-thumb,
-.theatre .ffz-scrollbar::-webkit-scrollbar-thumb,
-.theatre .ember-chat .chat-settings::-webkit-scrollbar-thumb,
-.theatre .conversation-window .conversation-content::-webkit-scrollbar-thumb,
-.theatre .conversations-list .conversations-list-inner::-webkit-scrollbar-thumb,
-
-.ffz-dark .chat-history::-webkit-scrollbar-thumb,
-.theatre .chat-history::-webkit-scrollbar-thumb,
-.theatre .emoticon-selector-box .all-emotes::-webkit-scrollbar-thumb,
-.theatre .ffz-ui-menu-page::-webkit-scrollbar-thumb,
-.theatre .ffz-ui-sub-menu-page::-webkit-scrollbar-thumb,
-
-.dark .offer-list__core::-webkit-scrollbar-thumb,
-.dark .chatters-container::-webkit-scrollbar-thumb,
-.dark .ffz-scrollbar::-webkit-scrollbar-thumb,
-.dark .ember-chat .chat-settings::-webkit-scrollbar-thumb,
-.dark .chat-history::-webkit-scrollbar-thumb,
-.dark .emoticon-selector-box .all-emotes::-webkit-scrollbar-thumb,
-.dark .ffz-ui-menu-page::-webkit-scrollbar-thumb,
-.dark .ffz-ui-sub-menu-page::-webkit-scrollbar-thumb,
-
-.theme--dark .offer-list__core::-webkit-scrollbar-thumb,
-.theme--dark .chatters-container::-webkit-scrollbar-thumb,
-.theme--dark .ffz-scrollbar::-webkit-scrollbar-thumb,
-.theme--dark .ember-chat .chat-settings::-webkit-scrollbar-thumb,
-.theme--dark .chat-history::-webkit-scrollbar-thumb,
-.theme--dark .emoticon-selector-box .all-emotes::-webkit-scrollbar-thumb,
-.theme--dark .ffz-ui-menu-page::-webkit-scrollbar-thumb,
-.theme--dark .ffz-ui-sub-menu-page::-webkit-scrollbar-thumb {
-	background: rgba(255,255,255,0.6);
-	box-shadow: 0 0 1px 1px rgba(0,0,0,0.25);
-}
-
-
-.chatters-container {
-	overflow-x: hidden !important;
-	overflow-y: auto !important;
-}
-
-/* Fix Moderation Cards */
-
-.ffz-moderation-card {
-	border: 2px solid #cbcbcb;
-	width: 340px;
-	line-height: inherit !important;
-}
-
-.moderation-card__close-button {
-	margin-right: 0 !important;
-}
-
-.ffz-moderation-card .extra-interface {
-	padding-top: 0;
-}
-
-.ffz-moderation-card .extra-interface + .extra-interface {
-	margin-top: -10px;
-}
-
-.ember-chat .chat-messages .chat-line--force-timestamp .timestamp,
-.ffz-moderation-card.ffz-has-info .moderation-card__name .intl-login { display: inline }
-
-.ffz-moderation-card.ffz-has-info .flex { position: relative }
-
-.ffz-moderation-card .flex .info {
-	position: absolute;
-	bottom: 0;
-	left: 50px;
-	height: 18px;
-	line-height: 18px;
-	z-index: 4;
-	pointer-events: none;
-	margin-left: 0 !important;
-}
-
-.ffz-moderation-card .info .stat {
-	pointer-events: auto;
-}
-
-.ffz-moderation-card .info.channel-stats .stat {
-	color: #fff !important;
-	padding-left: 10px;
-}
-
-.ffz-moderation-card .info.channel-stats .stat svg {
-	margin: 1px 5px 1px 0;
-	pointer-events: none;
-}
-
-.ffz-moderation-card .info svg path { fill: #fff !important; }
-
-.ffz-moderation-card button {
-	margin: 0;
-	padding: 0 5px;
-	color: #6441a4;
-}
-
-.ffz-moderation-card .button.ignore { margin-left: 0 !important }
-
-.ffz-moderation-card .moderation-card__controls button figure { padding: 0 }
-
-.ffz-moderation-card .follow-button,
-.ffz-moderation-card .friend-button { max-height: 30px }
-
-.ffz-moderation-card .right button:last-of-type,
-.ffz-moderation-card .mod-controls:last-of-type button:last-of-type { margin-right: 0 }
-
-body:not(.ffz-hide-friends) .ffz-moderation-card .follow-button {
-	font-size: 0 !important;
-	padding-right: 0 !important;
-	transition: none !important;
-}
-
-.ffz-moderation-card .button.button--icon-only {
-	padding: 0 2.5px 0 2.5px !important;
-	margin-right: 5px;
-}
-
-.ffz-moderation-card .button.button--icon-only figure { padding: 0 !important }
-
-.ffz-moderation-card button:not(.button--icon-only):hover,
-.ffz-moderation-card button:not(.button--icon-only):focus {
-	color: #fff;
-	background-color: rgba(117,80,186, 1);
-}
-
-.ffz-moderation-card button.message {
-	height: 30px;
-	font-size: 1.2em;
-}
-
-.ffz-moderation-card.ffz-is-mod .button.ban,
-.ffz-moderation-card.ffz-is-mod .button.mod,
-.ffz-moderation-card.ffz-is-mod .button.unban,
-.ffz-moderation-card span.right {
-	float: right;
-}
-
-.ffz-moderation-card:focus {
-	outline: none;
-	border-color: #444;
-	/*box-shadow: #000 0 0 5px;*/
-}
-
-.ffz-moderation-card ul.menu + .moderation-card__actions { border-top: none }
-
-.ffz-moderation-card .moderation-card__actions:last-child,
-.ffz-moderation-card .moderation-card__actions:not(:last-of-type) {
-	border-bottom: none;
-}
-
-.ffz-moderation-card .info,
-.ffz-moderation-card .moderation-card__name {
-	text-shadow: black 0 0 5px;
-}
-
-.ffz-moderation-card .moderation-card__name {
-	max-width: 235px;
-}
-
-.ffz-moderation-card .ffz-ban-reasons {
-	margin-top: 10px;
-	width: 100%;
-}
-
-.ffz-moderation-card ul.menu {
-	list-style-type: none;
-	padding: 0 !important;
-	border: none !important;
-	border-bottom: 1px solid rgba(0,0,0,0.2) !important;
-}
-
-.ffz-moderation-card ul.menu span { text-decoration: underline }
-
-.ffz-dark .ffz-schedule-row,
-.theatre .ffz-schedule-row,
-
-.ffz-dark .ffz-following-row,
-.theatre .ffz-following-row,
-
-.ffz-bttv-dark .moderation-card .moderation-card__actions,
-.ffz-dark .moderation-card .moderation-card__actions,
-.theatre .moderation-card .moderation-card__actions,
-.theme--dark .moderation-card .moderation-card__actions,
-.dark .moderation-card .moderation-card__actions,
-
-.ffz-bttv-dark .ffz-moderation-card ul.menu,
-.ffz-dark .ffz-moderation-card ul.menu,
-.theatre .ffz-moderation-card ul.menu,
-.dark .ffz-moderation-card ul.menu,
-.theme--dark .ffz-moderation-card ul.menu {
-	border-bottom-color: rgba(255,255,255,0.2) !important;
-}
-
-.ffz-moderation-card ul.menu li:first-of-type { margin-left: 5px }
-.ffz-moderation-card ul.menu li:last-of-type { margin-right: 5px }
-
-.ffz-moderation-card ul.menu li {
-	display: block;
-	cursor: pointer;
-	float: left;
-	padding: 5px 5px 3px;
-	margin-bottom: -1px;
-	border-bottom: 2px solid transparent;
-}
-
-.ffz-moderation-card ul.menu li:hover {
-	color: #7d5bbe;
-	border-bottom-color: #7d5bbe;
-}
-
-.ffz-bttv-dark .ffz-moderation-card ul.menu li,
-.ffz-dark .ffz-moderation-card ul.menu li,
-.theatre .ffz-moderation-card ul.menu li,
-.dark .ffz-moderation-card ul.menu li,
-.theme--dark .ffz-moderation-card ul.menu li {
-	color: #999;
-}
-
-.ffz-bttv-dark .ffz-moderation-card ul.menu li:hover,
-.ffz-dark .ffz-moderation-card ul.menu li:hover,
-.theatre .ffz-moderation-card ul.menu li:hover,
-.dark .ffz-moderation-card ul.menu li:hover,
-.theme--dark .ffz-moderation-card ul.menu li:hover {
-	color: #a68ed2;
-	border-bottom-color: #a68ed2;
-}
-
-.ffz-moderation-card ul.menu li.active { border-bottom-color: #6441a4 }
-
-.ffz-moderation-card:not(.ffz-default-tab) > .moderation-card__actions:not(.menu) {
-	display: none
-}
-
-
-/* dark moderation card */
-
-.ffz-bttv-dark .ffz-moderation-card,
-.dark .ffz-moderation-card,
-.theme--dark .ffz-moderation-card,
-.theatre .ffz-moderation-card {
-	border-color: #1b1b20;
-}
-
-.ffz-bttv-dark .ffz-moderation-card:focus,
-.dark .ffz-moderation-card:focus,
-.theme--dark .ffz-moderation-card:focus,
-.theatre .ffz-moderation-card:focus {
-	border-color: #cbcbcb;
-}
-
-.ffz-bttv-dark .ffz-moderation-card .moderation-card__actions,
-.dark .ffz-moderation-card .moderation-card__actions,
-.theme--dark .ffz-moderation-card .moderation-card__actions,
-.theatre .ffz-moderation-card .moderation-card__actions {
-	background-color: #232329;
-}
-
-.ffz-bttv-dark.ffz-no-blue .moderation-card .moderation-card__actions,
-.ffz-no-blue .cn-hosting,
-.ffz-no-blue .dark .ember-chat .moderation-card .moderation-card__actions,
-.ffz-no-blue .theme--dark .ember-chat .moderation-card .moderation-card__actions,
-.ffz-no-blue .theatre .ember-chat .moderation-card .moderation-card__actions {
-	background-color: #232323;
-}
-
-.moderation-card .moderation-card__name a { color: #fff !important; }
-
-
-/* purge icon */
-
-.mod-icons .purge {
-	background-image: url('//cdn.frankerfacez.com/script/PurgeButton.svg');
-	background-repeat: no-repeat;
-}
-
-.mod-icons .tb-allow { background-image: url("//cdn.frankerfacez.com/script/button_accept.svg") }
-.mod-icons .tb-reject { background-image: url("//cdn.frankerfacez.com/script/button_reject.svg") }
-
-.mod-icons .pc-dismiss { background-image: url("//cdn.frankerfacez.com/script/button_trash.svg") }
-.mod-icons .pc-dismiss-local { background-image: url("//cdn.frankerfacez.com/script/button_close.svg") }
-
-.mod-icons .custom {
-	text-indent: 0 !important;
-	text-align: center;
-	text-decoration: none;
-	font-size: 18px;
-	font-weight: bold;
-	margin-top: -1px !important;
-	color: #888 !important;
-	background: none !important;
-}
-
-.mod-icons .mod-icon img {
-	pointer-events: none;
-}
-
-
-/* Chat Rows */
-
-.conversation-window .conversation-chat-line {
-	margin: 0;
-	padding: 3px 10px;
-}
-
-.ember-chat .chat-messages .chat-line {
-	margin: 0;
-	padding: 3px 20px;
-	position: relative;
-}
-
-.theatre .conversation-window .conversation-chat-line,
-.dark .chat-line,
-.theme--dark .chat-line,
-.theatre .chat-line {
-	color: #acacbf;
-}
-
-.ffz-alias-italics .ffz-alias { font-style: italic; }
-
-.ember-chat .chat-messages .chat-line.ffz-has-deleted {
-	line-height: 30px;
-}
-
-.mod-icon.inactive {
-	opacity: 0.25;
-	filter: grayscale(1);
-}
-
-.chat-line.ffz-deleted > span {
-	opacity: 0.5;
-}
-
-.chat-line.ffz-deleted > span.message {
-	text-decoration: line-through;
-}
-
-.chat-line.ffz-deleted:hover > span {
-	opacity: 0.9;
-}
-
-.chat-line.ffz-deleted:hover > span.message {
-	text-decoration: none;
-}
-
-body:not(.ffz-bttv) .chat-container:not(.chatReplay) .more-messages-indicator {
-	/* This looks better when it's full width. */
-	margin: 0 -20px;
-}
-
-.chat-line .message {
-	word-break: break-word;
-}
-
-.ember-chat .chat-messages .tse-scroll-content {
-	padding: 0;
-}
-
-
-/* Emoticon Tooltips */
-
-#ffz-price-popup hr,
-.ffz-subwindow hr {
-	border-bottom-width: 1px;
-	border-bottom-style: solid;
-	margin: 10px 0;
-}
-
-.tipsy-inner hr {
-	margin: 5px 0;
-	border-bottom-width: 1px;
-	border-bottom-style: solid;
-}
-
-.ffz-wide-tip .tipsy-inner {
-	min-width: 300px;
-	max-width: 600px;
-	text-align: left;
-	position: relative;
-}
-
-.tipsy-inner .faded {
-	opacity: 0.7;
-}
-
-.ffz-follow-tip .tipsy-inner {
-	width: 316px;
-}
-
-.ffz-wide-tip span.stat {
-	float: right;
-	margin-left: 5px;
-}
-
-.ffz-wide-tip a b { color: #fff }
-
-.ffz-wide-tip b { margin-right: 20px; }
-
-.ffz-wide-tip span.stat svg {
-	float: left;
-	margin: 1px;
-}
-
-.ffz-wide-tip svg path { fill: #fff; }
-.ffz-wide-tip span.playing {
-	opacity: 0.7;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-	overflow: hidden;
-	display: block;
-	position: relative;
-	left: 0;
-	right: 0;
-}
-
-.tipsy .tipsy-inner {
-	white-space: pre-wrap;
-}
-
-
-.ffz-rich-tip .tipsy-inner {
-	max-width: 340px;
-	width: 340px;
-	text-align: left;
-	position: relative;
-
-	padding: 8px;
-}
-
-.ffz-rich-tip .body { line-height: 1.5em }
-
-.ffz-rich-tip .tweet-heading:before {
-	content: '';
-	position: absolute;
-	top: 24px;
-	right: 24px;
-	width: 20px;
-	height: 16px;
-	background: url("//cdn.frankerfacez.com/script/twitter_sprites.png") -38px -15px;
-}
-
-.ffz-rich-tip .stats:after,
-.ffz-rich-tip .heading:after {
-	content: '';
-	display: table;
-	clear: both;
-}
-
-.ffz-rich-tip .avatar {
-	float: left;
-	margin-right: 8px;
-	max-height: 48px;
-	max-width: 100px;
-}
-
-.ffz-rich-tip .tweet-heading .avatar {
-	border-radius: 50%;
-}
-
-.ffz-rich-tip .heading .title {
-	font-weight: bold;
-	display: block;
-	text-align: justify;
-}
-
-.ffz-rich-tip .display-name {
-	padding-top: 3px;
-	font-size: 14px;
-	display: block;
-}
-
-.ffz-rich-tip .display-name.big-name {
-	font-size: 20px;
-	padding-top: 18px;
-}
-
-.ffz-rich-tip .quoted .display-name {
-	padding: 0 5px 0 0;
-	display: inline;
-	font-size: 12px;
-}
-
-.ffz-rich-tip .twitch-heading .tip-badge.verified {
-	height: 12px;
-	width: 12px;
-	margin: 2px 0 -1px 5px;
-	background: url("https://static-cdn.jtvnw.net/badges/v1/d12a2e27-16f6-41d0-ab77-b780518f00a3/1");
-	background-size: contain;
-	display: inline-block;
-}
-
-.ffz-rich-tip .twitch-heading .big-name .tip-badge.verified {
-	height: 18px;
-	width: 18px;
-	margin: 1px 0 0 10px;
-}
-
-.ffz-rich-tip .tweet-heading .tip-badge {
-	height: 12px;
-	width: 12px;
-	margin: 2px 0 -1px 5px;
-	background: url("//cdn.frankerfacez.com/script/twitter_sprites.png");
-	display: inline-block;
-}
-
-.ffz-rich-tip .tip-badge.verified {
-	background-position: 0 -15px;
-}
-
-.ffz-rich-tip .tip-badge.translator {
-	background-position: -12px -15px;
-}
-
-.ffz-rich-tip .tip-badge.protected {
-	background-position: -24px -15px;
-	width: 14px;
-}
-
-.ffz-rich-tip .emoji {
-	height: 1em;
-	vertical-align: middle;
-}
-
-.ffz-rich-tip .quoted > div:not(:first-child),
-.ffz-rich-tip .tipsy-inner > div:not(:first-child) {
-	margin-top: 8px;
-}
-
-.ffz-rich-tip .quote-heading + .body,
-.ffz-rich-tip .replying + .body {
-	margin-top: 0 !important;
-}
-
-.ffz-rich-tip .replying {
-	opacity: 0.6;
-	font-size: 10px;
-}
-
-.ffz-rich-tip .subtitle,
-.ffz-rich-tip .quoted .body,
-.ffz-rich-tip .stats,
-.ffz-rich-tip .username { opacity: 0.6 }
-
-.ffz-rich-tip .stats { display: flex }
-.ffz-rich-tip .stats .wide-stat,
-.ffz-rich-tip time { flex-grow: 1 }
-
-.ffz-rich-tip .tweet-stats .stat:before {
-	content: '';
-	display: inline-block;
-	background: url("//cdn.frankerfacez.com/script/twitter_sprites.png");
-	margin: 0 5px 0 10px;
-}
-
-.ffz-rich-tip .stat.likes:before {
-	width: 17px; height: 14px;
-	margin-bottom: -3px;
-}
-
-.ffz-rich-tip .stat.retweets:before {
-	width: 20px; height: 12px;
-	background-position: -34px 0;
-	margin-bottom: -2px;
-}
-
-.ffz-rich-tip .media { position: relative; text-align: center }
-
-.ffz-rich-tip .media[data-count]:not([data-count="1"]) {
-	display: flex;
-	margin: 8px -5px -5px 0;
-	flex-flow: column wrap;
-	height: 329px;
-}
-
-.ffz-rich-tip .media .duration {
-	position: absolute;
-	bottom: 0; right: 0;
-	margin: 4px;
-	background: #000;
-	opacity: .8;
-	padding: 2px 4px;
-	border-radius: 2px;
-	z-index: 10;
-	font-weight: 500;
-}
-
-.ffz-rich-tip .sixteen-nine {
-	width: 100%;
-	overflow: hidden;
-	margin: 0;
-	padding-top: 56.25%;
-	position: relative;
-}
-
-.ffz-rich-tip .sixteen-nine img {
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	width: 100%;
-	transform: translate(-50%, -50%);
-}
-
-.ffz-rich-tip .media video {
-	width: 100%;
-	max-height: 324px;
-}
-
-.ffz-rich-tip .media[data-count="4"] { flex-flow: row wrap }
-
-.ffz-rich-tip .media[data-count="2"] { height: 164.5px }
-.ffz-rich-tip .media img { max-height: 324px }
-
-.ffz-rich-tip .quoted .media[data-count]:not([data-count="1"]) { height: 150px }
-.ffz-rich-tip .quoted .media[data-count="2"] { height: 150px }
-.ffz-rich-tip .quoted .media video,
-.ffz-rich-tip .quoted .media img { max-height: 150px }
-
-.ffz-rich-tip .media span {
-	background: no-repeat center center;
-	background-size: cover;
-}
-
-.ffz-rich-tip .media[data-count="2"] span,
-.ffz-rich-tip .media[data-count="3"] span,
-.ffz-rich-tip .media[data-count="4"] span {
-	width: calc(50% - 5px);
-	height: calc(50% - 5px);
-	margin: 0 5px 5px 0;
-}
-
-.ffz-rich-tip .media[data-count="2"] span,
-.ffz-rich-tip .media[data-count="3"] span:first-of-type {
-	height: 100%;
-}
-
-.ffz-rich-tip .profile-stats {
-	display: flex;
-	flex-flow: row;
-	flex-wrap: wrap;
-}
-
-.ffz-rich-tip .profile-stats div {
-	flex-grow: 1;
-	font-size: 16px;
-	margin-right: 10px;
-}
-
-.ffz-rich-tip .profile-stats span {
-	display: block;
-	font-size: 12px;
-	opacity: 0.7;
-}
-
-.ffz-rich-tip .quoted {
-	border: 1px solid #474747;
-	border-radius: 5px;
-	padding: 8px;
-}
-
-.ffz-rich-tip .media[data-type="video"]:after {
-	position: absolute;
-	content: '';
-	width: 64px; height: 64px;
-	top: calc(50% - 32px);
-	left: calc(50% - 32px);
-	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23FFF' d='M15 10.001c0 .299-.305.514-.305.514l-8.561 5.303C5.51 16.227 5 15.924 5 15.149V4.852c0-.777.51-1.078 1.135-.67l8.561 5.305c-.001 0 .304.215.304.514z'/%3E%3C/svg%3E");
-}
-
-
-/* Menu Page Loader */
-
-.ffz-ui-sub-menu-page:empty,
-.ffz-ui-menu-page:empty {
-	overflow: hidden;
-}
-
-.ffz-loading-spinner:after,
-.chat-history.loading:after,
-.ffz-async-tooltip:empty:after,
-.ffz-ui-sub-menu-page:empty::after,
-.ffz-ui-menu-page:empty::after {
-	content: " ";
-	display: block;
-	width: 80px;
-	height: 63px;
-
-	background-image: url("//cdn.frankerfacez.com/script/spinner-dark.png");
-
-	margin: 50px auto;
-	animation: ffz-rotateplane 1.2s infinite linear;
-}
-
-.ffz-async-tooltip:empty:after {
-	margin: 10px 50px;
-}
-
-@keyframes ffz-rotateplane {
-	0% { transform: perspective(120px) rotateY(90deg) }
-	25% { transform: perspective(120px) rotateY(180deg) }
-	75% { transform: perspective(120px) rotateY(180deg) rotateX(180deg) }
-	100% { transform: perspective(120px) rotateY(90deg) rotateX(180deg) }
-}
-
-/* Menu About Page */
-
-#ffz-chat-menu .center { text-align: center }
-
-.ffz-about-table {
-	width: 100%;
-}
-
-.ffz-about-table td:first-child {
-	text-align: left;
-	width: 100%;
-}
-
-.ffz-about-table .debug td {
-	padding-top: 10px;
-	opacity: 0.8;
-	font-size: 10px;
-}
-
-.ffz-about-subheading {
-	/*text-transform: uppercase;*/
-	letter-spacing: 2px;
-	margin: -5px 0 5px;
-}
-
-.button.ffz-news,
-.button.ffz-donate {
-	margin-left: 10px;
-	color: #fff !important;
-	padding: 0 10px;
-	font-size: 12px;
-}
-
-.button.ffz-issues { background: #750000; }
-.button.ffz-issues:not(.disabled):hover { background: #8a0303; }
-
-.button.ffz-ideas { background: #004e75; }
-.button.ffz-ideas:not(.disabled):hover { background: #035d8a; }
-
-.button.ffz-donate { background: #00b132; }
-.button.ffz-donate:not(.disabled):hover { background: #08c43d; }
-
-.button.ffz-news { background: #755000; }
-.button.ffz-news:not(.disabled):hover { background: #8a5f03; }
-
-
-/* Dumb Fixes */
-
-.channel-stats .stat { vertical-align: top; }
-
-.ffz-bttv .no-bttv { display: none; }
-
-.chat-container.dark,
-.theme--dark .chat-container,
-.theatre .chat-container {
-	box-shadow: none;
-}
-
-
-/* Banned Words */
-
-.deleted-word {
-	font-weight: bold;
-	opacity: 0.35;
-	cursor: pointer;
-}
-
-
-/* Unsafe Links */
-
-a.unsafe-link {
-	color: #a64141 !important;
-}
-
-.theatre a.unsafe-link,
-.chat-container.dark a.unsafe-link,
-.theme--dark .chat-container a.unsafe-link {
-	color: #d28e8e !important;
-}
-
-/* Chat Menu */
-
-.ffz-room-list > div.ffz + ul.room-list { display: block !important; }
-
-.ffz-room-list > div:not(.ffz),
-.ffz-room-list > ul:not(.ffz) {
-	display: none !important;
-}
-
-.ffz-room-list > table {
-	padding: 15px 0 0;
-}
-
-.ffz-room-list > table + table {
-	margin-top: 10px;
-}
-
-.ffz-room-list > table th {
-	padding: 2px 5px;
-	color: #8c8c8c;
-	font-weight: normal;
-	text-transform: uppercase;
-}
-
-.ffz-room-list > table > tbody tr {
-	line-height: 26px;
-}
-
-.ffz-room-list > table td {
-	padding: 2px 0;
-	text-align: center;
-}
-
-.ffz-room-list > table th:first-child,
-.ffz-room-list > table td:nth-child(0n+2) {
-	width: 100%;
-	text-align: left;
-}
-
-.ffz-room-row {
-	cursor: pointer;
-}
-
-.ffz-room-list > table th:first-child,
-.ffz-room-list > table td:first-child {
-	padding-left: 18px;
-}
-
-.ffz-room-list > table th:last-child,
-.ffz-room-list > table td:last-child {
-	padding-right: 18px;
-}
-
-.ffz-room-list td svg {
-	margin: 5px 10px 5px 0;
-	float: left;
-}
-
-.ffz-bttv-dark .ffz-room-row,
-.ffz-dark .ffz-room-row { color: #a68ed2; }
-
-.ffz-bttv-dark .ffz-room-row svg path,
-.ffz-dark .ffz-room-row svg path { fill: #a68ed2; }
-
-.ffz-room-row { color: #6441a5; }
-.ffz-room-row svg path { fill: #6441a5; }
-
-.ffz-room-row:hover svg path,
-.ffz-room-row:focus svg path,
-.ffz-room-row.active svg path { fill: #fff; }
-
-.ffz-room-row:hover,
-.ffz-room-row:focus,
-.ffz-room-row.active {
-	background-color: #6441A5;
-	color: #fff !important;
-}
-
-th.ffz-row-switch {
-	min-width: 40px;
-}
-
-.ffz-room-row a.leave-chat {
-	float: right;
-	padding: 0 7px;
-}
-
-.ffz-row-switch .switch {
-	float: none;
-	margin: 5px 0 -4px;
-}
-
-.ffz-row-switch .switch.active {
-	background-color: #362359;
-}
-
-
-/* Chat Tabs */
-
-.ember-chat .chat-header,
-.ember-chat .chat-room { z-index: 5; }
-
-#ffz-group-tabs {
-	padding: 10px 10px 6px;
-	box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.2);
-	display: flex;
-	flex-wrap: wrap;
-}
-
-.ffz-chat-tab {
-	flex-grow: 1;
-	position: relative;
-
-	text-overflow: ellipsis;
-	overflow: hidden;
-	white-space: nowrap;
-	min-width: 70px;
-
-	cursor: pointer;
-	padding: 5px;
-	margin: 0 4px 4px 0;
-
-	display: inline-block;
-
-	background-color: rgba(127,127,127,0.1);
-	color: #6441A5;
-}
-
-
-.ffz-chat-tab svg path {
-	fill: #6441A5;
-}
-
-#ffz-group-tabs .button {
-	height: 30px;
-	padding-bottom: 10px;
-	margin-bottom: -10px;
-	margin-right: 4px;
-}
-
-#ffz-group-tabs .button.button--icon-only svg {
-	margin: 6px 0;
-}
-
-.ffz-chat-tab svg {
-	width: 18px;
-	height: 18px;
-	margin: -5px 5px -5px 0;
-}
-
-.ffz-chat-tab:hover,
-.ffz-chat-tab:focus,
-.ffz-chat-tab.active {
-	background-color: #6441A5;
-	color: #fff !important;
-}
-
-.ffz-chat-tab.tab-mentioned {
-	background-color: rgba(128,50,50,0.1);
-	color: red !important;
-}
-
-.ffz-chat-tab.tab-mentioned:not(.active):hover,
-.ffz-chat-tab.tab-mentioned:not(.active):focus {
-	background-color: #a54141;
-	color: #fff !important;
-}
-
-.ffz-chat-tab:not(.active):hover,
-.ffz-chat-tab:not(.active):focus {
-	background-color: #7550ba;
-}
-
-.ffz-chat-tab:hover svg path,
-.ffz-chat-tab:focus svg path,
-.ffz-chat-tab.active svg path {
-	fill: #fff !important;
-}
-
-.ffz-chat-tab.active {
-	cursor: default;
-}
-
-#ffz-group-tabs .button .notifications:empty,
-.ffz-room-row td > span:empty,
-.ffz-chat-tab span:empty { display: none; }
-
-.ffz-room-row td > span:not(.intl-login),
-.ffz-chat-tab span {
-	padding: 0 4px;
-	display: inline-block;
-	border-radius: 2px;
-	text-align: center;
-	background-color: #f2f2f2;
-	color: #666;
-	position: absolute;
-	right: 5px;
-}
-
-.ffz-room-row td {
-	position: relative;
-}
-
-.ffz-room-row td > span:not(.intl-login) {
-	line-height: 16px;
-	margin: 5px 0;
-}
-
-.ffz-room-row.row-mentioned {
-	background-color: rgba(128,50,50,0.1);
-	color: red !important;
-}
-
-.ffz-room-row.row-mentioned:not(.active):hover,
-.ffz-room-row.row-mentioned:not(.active):focus {
-	background-color: #a54141;
-	color: #fff !important;
-}
-
-#ffz-group-tabs .button .notifications {
-	background-color: #d44949;
-	top: 0;
-	right: 0;
-	position: absolute;
-	height: 12px;
-	line-height: 12px;
-	padding: 0 3px;
-	width: auto;
-	color: #fff;
-	font-size: 9px;
-	vertical-align: middle;
-	margin: 0;
-}
-
-/* Dark Group Tabs */
-
-.ffz-bttv-dark #ffz-group-tabs,
-.app-main.theatre #ffz-group-tabs,
-.chat-container.dark #ffz-group-tabs,
-.theme--dark .chat-container #ffz-group-tabs {
-	box-shadow: inset 0 -1px 0 0 #32323e;
-}
-
-.ffz-bttv-dark .ffz-chat-tab,
-.app-main.theatre .ffz-chat-tab,
-.chat-container.dark .ffz-chat-tab,
-.theme--dark .chat-container .ffz-chat-tab {
-	color: #B9A3E3;
-}
-
-.ffz-bttv-dark .ffz-room-row td > span:not(.intl-login),
-.ffz-dark .ffz-room-row td > span:not(.intl-login),
-
-.ffz-bttv-dark .ffz-chat-tab span,
-.app-main.theatre .ffz-chat-tab span,
-.chat-container.dark .ffz-chat-tab span,
-.theme--dark .chat-container .ffz-chat-tab span {
-	background-color: #19191f;
-	color: #fff;
-}
-
-.ffz-bttv-dark .ffz-chat-tab svg path,
-.app-main.theatre .ffz-chat-tab svg path,
-.chat-container.dark .ffz-chat-tab svg path,
-.theme--dark .chat-container .ffz-chat-tab svg path {
-	fill: #B9A3E3;
-}
-
-/* Minimalistic Chat */
-
-body.ffz-minimal-chat-head .ember-chat .chat-header,
-body.ffz-minimal-chat-head .ember-chat #ffz-group-tabs,
-body.ffz-minimal-chat-input .ember-chat .chat-buttons-container {
-	display: none !important;
-}
-
-body.ffz-minimal-chat-head .chatters .chat-header { display: block !important }
-
-/*body.ffz-minimal-chat .ember-chat .chat-messages,
-body.ffz-minimal-chat .ember-chat .chat-interface .emoticon-selector {
-	bottom: 33px;
-}*/
-
-body.ffz-minimal-chat-input .ember-chat .chat-interface .emoticon-selector {
-	right: 10px;
-}
-
-body.ffz-minimal-chat-input .ember-chat .chat-interface .emoticon-selector .dropmenu {
-	margin-bottom: 10px;
-}
-
-body.ffz-minimal-chat-head .ember-chat .chat-room {
-	top: 0 !important;
-}
-
-body.ffz-minimal-chat-input .ember-chat .chat-interface {
-	/*height: 33px !important;*/
-	padding: 0;
-}
-
-body.ffz-minimal-chat-input .ember-chat .chat-messages .chat-lines { padding-bottom: 0 }
-
-body.ffz-minimal-chat-input .ember-chat .chat-interface .textarea-contain {
-	top: 0 !important;
-	margin: 0 !important;
-	height: auto;
-}
-
-body.ffz-minimal-chat-input .ember-chat .chat-interface .textarea-contain textarea {
-	/*height: 33px !important;*/
-	overflow: hidden;
-	border-bottom: 0 !important;
-	border-left: 0;
-	border-right: 0;
-}
-
-/* Chat Pause */
-
-.ember-chat .chat-interface .more-messages-indicator.ffz-freeze-indicator {
-	z-index: 10;
-	opacity: 1;
-	cursor: default;
-	pointer-events: none;
-}
-
-.chat-container:not(.chatReplay) .chat-interface .more-messages-indicator.ffz-freeze-indicator {
-	top: 0;
-}
-
-/* Chat History */
-
-.ember-chat .moderation-card .chat-history,
-.chat-history {
-	list-style-type: none;
-	padding: 0;
-	max-height: 320px;
-	overflow-y: auto;
-}
-
-.chat-messages .tse-scroll-content,
-.chat-history {
-	will-change: scroll-position, contents;
-}
-
-.moderation-card .chat-history.live-history {
-	max-height: 200px;
-}
-
-.cp-hidden {
-	display: inline-block;
-	width: 1px; height: 1px;
-	margin-left: -1px;
-	overflow: hidden;
-}
-
-.chat-history.moderation-card__actions li:first-child { padding-top: 10px; }
-.chat-history.moderation-card__actions li:last-child { padding-bottom: 10px; }
-
-.chat-history .chat-line {
-	overflow: hidden;
-	line-height: 20px;
-	padding: 4px 10px;
-	word-wrap: break-word;
-	list-style-position: unset;
-}
-
-.chat-history .timestamp-line {
-	text-align: center;
-	color: #8c8c8c;
-	font-size: 1.1rem;
-}
-
-.ember-chat .moderation-card .moderation-card__actions.chat-history .chat-line.action {
-	float: none;
-	margin-right: 0px;
-}
-
-.chat-line.notification {
-	border-bottom: none;
-	background-color: transparent;
-}
-
-.chat-history .chat-line.notification .from,
-.chat-history .chat-line.notification .colon,
-.chat-history .chat-line.admin .from,
-.chat-history .chat-line.admin .colon { display: none }
-
-.chat-line .colon, .conversation-chat-line .colon { margin-left: 0 !important }
-
-.chat-history .chat-line.notification .message,
-.chat-history .chat-line.admin .message { color: #666; }
-
-.chat-history .timestamp {
-	color: #8c8c8c;
-	margin-right: 5px;
-}
-
-.chat-history .chat-line:not(.original-sender) .from:hover,
-.chat-history .timestamp.ts-action:hover {
-	cursor: pointer;
-	text-decoration: underline;
-}
-
-.chat-history .chat-line.admin.original-msg .message { color: #000 }
-
-.ffz-dark .chat-history .chat-line.admin.original-msg .message,
-.theatre .chat-history .chat-line.admin.original-msg .message,
-.dark .chat-history .chat-line.admin.original-msg .message,
-.theme--dark .chat-history .chat-line.admin.original-msg .message { color: #fff }
-
-
-.chat-history.loading {
-	position: relative;
-	min-height: 160px;
-	overflow-y: hidden !important;
-}
-.chat-history.loading li { pointer-events: none; }
-
-.chat-history .from { font-weight: 700; }
-
-.chat-history.loading:before {
-	content: " ";
-	display: block;
-	position: absolute;
-	z-index: 999;
-	top: 0; bottom: 0;
-	left: 0; right: 0;
-	background-color: rgba(128,128,128,0.8);
-}
-
-.theatre .chat-history.loading:before,
-.dark .chat-history.loading:before,
-.theme--dark .chat-history.loading:before {
-	background-color: rgba(0,0,0,0.8);
-}
-
-.chat-history.loading:after {
-	visibility: visible;
-	clear: none;
-	position: absolute;
-	top: 0;
-	left: 50%;
-	margin-left: -40px;
-	z-index: 1000;
-}
-
-.moderation-card .ffz-back-button,
-.moderation-card .ffz-load-more {
-	display: block;
-	text-align: center;
-	padding: 0 1rem !important;
-	margin: 10px;
-}
-
-.ffz-moderation-card .chat-back-button {
-	border-bottom: 1px solid rgba(0,0,0,0.2) !important;
-}
-
-.ffz-chevron {
-	position: relative;
-	display: inline-block;
-	height: 1rem;
-	width: 1rem;
-	margin: 0 .5rem;
-}
-
-.ffz-chevron:before {
-	position: absolute;
-	display: block;
-	content: '';
-	border: .5rem solid transparent;
-}
-
-.ffz-back-button .ffz-chevron {
-	margin-left: -1rem;
-}
-
-.ffz-back-button .ffz-chevron:before {
-	border-right-color: #fff;
-}
-
-.ffz-load-more:not(.load-after) .ffz-chevron:before {
-	top: -.25rem;
-	border-bottom-color: #fff;
-}
-.ffz-load-more.load-after .ffz-chevron:before {
-	top: .25rem;
-	border-top-color: #fff;
-}
-
-.ember-chat .moderation-card .back-button {
-	border: 1px solid rgba(0,0,0,0.2);
-	border-top: none;
-	float: none;
-	display: block;
-	width: 100%;
-	background-color: #fff;
-}
-
-.ember-chat .moderation-card .back-button:hover {
-	background-color: #6441A5 !important;
-	color: #fff !important;
-}
-
-.ffz-bttv-dark .moderation-card .back-button,
-.theatre .moderation-card .back-button,
-.dark .moderation-card .back-button,
-.theme--dark .moderation-card .back-button {
-	background-color: #232329;
-}
-
-
-/* Room State */
-
-.ffz.room-state.stat {
-	line-height: 30px;
-	margin-left: -10px;
-	margin-right: 15px;
-	cursor: default;
-}
-
-.ffz.room-state.faded { opacity: 0.5 }
-
-.ffz.room-state.truncated span { font-size: 8px; }
-
-.button.primary.ffz-waiting:not(:hover) {
-	background-color: rgba(0,0,0,0.1);
-	color: #32323e;
-}
-
-.button.primary.ffz-waiting.ffz-banned:not(:hover) {
-	background-color: rgba(128,0,0,0.1);
-	color: #88323e;
-}
-
-.app-main.theatre .button-primary.ffz-waiting:not(:hover),
-.chat-container.dark .button.primary.ffz-waiting:not(:hover),
-.theme--dark .chat-container .button.primary.ffz-waiting:not(:hover) {
-	background-color: rgba(255,255,255,0.1);
-	color: #fff;
-}
-
-.app-main.theatre .button-primary.ffz-waiting.ffz-banned:not(:hover),
-.chat-container.dark .button.primary.ffz-waiting.ffz-banned:not(:hover),
-.theme--dark .chat-container .button.primary.ffz-waiting.ffz-banned:not(:hover) {
-	background-color: rgba(255,128,128,0.1);
-	color: #f66;
-}
-
-/* Swap Sidebars */
-
-.ffz-sidebar-swap .notification-center-balloon {
-	left: auto !important;
-	right: 0 !important;
-}
-
-body[data-current-path^="user."].ffz-portrait #right_close { transform: rotate(90deg); }
-body[data-current-path^="user."].ffz-portrait .archives-contain .more-archives { width: 100%; }
-
-body:not([data-current-path^="user."]) .ffz-sidebar-swap .ember-chat .chat-interface .emoticon-selector,
-.ffz-sidebar-swap:not(.ffz-portrait) .ember-chat .chat-interface .emoticon-selector {
-	right: auto;
-	left: 20px;
-}
-
-.ffz-sidebar-swap .search-panel--slide {
-	left: auto;
-	right: 240px;
-}
-
-.ffz-sidebar-swap .cn-bar-fixed {
-	right: 50px;
-}
-
-.ffz-sidebar-swap:not(.ffz-sidebar-minimize) #left_col.open ~ #main_col .cn-bar-fixed {
-	right: 240px;
-}
-
-.ffz-sidebar-swap .social-column,
-.ffz-sidebar-swap #left_col {
-	left: auto;
-	right: 0;
-}
-
-.ffz-sidebar-swap #right_col {
-	right: auto;
-	left: 0;
-}
-
-.ffz-sidebar-swap:not(.ffz-portrait) #right_close,
-.ffz-sidebar-swap #left_close {
-	transform: scaleX(-1);
-}
-
-.ffz-sidebar-swap #right_close {
-	right: auto;
-	left: 5px;
-}
-
-.ffz-sidebar-swap #left_close {
-	right: 5px;
-	left: auto;
-}
-
-.ffz-sidebar-swap .social-column {
-	box-shadow: none !important
-}
-
-.ffz-hide-socialbar .has-sc .cn-bar-fixed { left: 0 !important }
-.ffz-sidebar-swap.ffz-hide-socialbar .has-sc .cn-bar-fixed { right: 0 }
-
-.ffz-hide-socialbar:not(.ffz-sidebar-swap) .has-sc #main_col {
-	margin-left: 0 !important;
-}
-
-.ffz-sidebar-swap #main_col {
-	margin-left: 340px !important;
-	margin-right: 240px !important;
-}
-
-.ffz-sidebar-swap.ffz-hide-socialbar .has-sc #main_col.expandLeft,
-.ffz-sidebar-swap.ffz-hide-socialbar .has-sc #main_col {
-	margin-right: 0 !important;
-}
-
-.ffz-sidebar-swap .app-main.theatre #main_col {
-	margin-left: 340px !important;
-	margin-right: 0px !important;
-}
-
-.ffz-sidebar-swap .app-main.theatre #main_col.expandRight {
-	margin-left: 0px !important;
-}
-
-
-.ffz-sidebar-swap .exit-theatre {
-	left: 30px;
-}
-
-.ffz-sidebar-swap #main_col.expandLeft {
-	margin-right: 50px !important;
-}
-
-.ffz-sidebar-swap .has-sc:not(.has-sc--collapsed) #main_col.expandLeft {
-	margin-right: 240px !important;
-}
-
-.ffz-sidebar-swap #main_col.expandRight {
-	margin-left: 0px !important;
-}
-
-.ffz-sidebar-swap #flyout {
-	left: auto !important;
-	right: 50px;
-}
-
-.ffz-sidebar-swap #flyout .content {
-	right: 10px;
-}
-
-.ffz-sidebar-swap #flyout .point {
-	left: auto;
-	right: -1px;
-}
-
-.ffz-sidebar-swap #flyout .point:before {
-	border-left-color: #fff;
-	border-right-color: transparent;
-	right: auto;
-	left: 0px;
-}
-
-.ffz-sidebar-swap #flyout .point:after {
-	border-right-color: transparent;
-	border-left-color: rgba(0,0,0,0.25);
-	right: auto;
-	left: 1px;
-}
-
-.ffz-dark.ffz-sidebar-swap #flyout .point:after {
-	border-left-color: #32323e;
-	border-right-color: transparent;
-}
-
-.ffz-dark.ffz-sidebar-swap #flyout .point:before {
-	border-left-color: #101010;
-	border-right-color: transparent;
-}
-
-/* No Blue */
-
-.ffz-dark .toast,
-.ffz-no-blue .dark .toast,
-.ffz-no-blue .theme--dark .toast {
-	box-shadow: 0 0.2rem 0.7rem rgba(82,82,82,.2);
-	border-color: #525252;
-	background-color: #323232;
-}
-
-.ffz-dark .toast:hover,
-.ffz-no-blue .dark .toast:hover,
-.ffz-no-blue .theme--dark .toast:hover {
-	box-shadow: 0 0.2rem 0.7rem rgba(127,127,127,.4);
-}
-
-.ffz-dark .toast__content-msg { color: #EEE }
-.ffz-dark .toast__details { color: #999 }
-
-.ffz-dark .toast__action-wrapper,
-.ffz-dark .toast__action--primary,
-.ffz-no-blue .theme--dark .toast__action-wrapper,
-.ffz-no-blue .theme--dark .toast__action--primary {
-	border-color: #525252;
-}
-
-.ffz-dark .toast__action--primary { color: #c5b6e2 }
-.ffz-dark .toast__action--secondary { color: #aaa }
-
-.ffz-dark .toast__action--secondary:hover,
-.ffz-dark .toast__action--primary:hover {
-	background-color: #525252;
-	color: #eee;
-}
-
-
-.ffz-no-blue .theme--dark .sc-collapsed-header,
-.ffz-no-blue .theme--dark .sc-header { box-shadow: 0 -0.1rem 0 #5c5c5c inset }
-.ffz-no-blue .theme--dark .js-sc-card:hover { box-shadow: -0.1rem 0 0 #414141 inset }
-.ffz-no-blue .theme--dark .social-column { box-shadow: -0.1rem 0 0 #2b2b2b inset}
-
-.ffz-no-blue .theme--dark .form__input,
-.ffz-no-blue .form--theme-dark .form__input {
-	background-color: rgba(255,255,255,0.05);
-	box-shadow: rgba(255,255,255,0.1) 0 0 0 1px inset;
-}
-
-.ffz-no-blue .theme--dark .form__input:focus,
-.ffz-no-blue .form--theme-dark .form__input:focus {
-	box-shadow: rgba(255,255,255,0.3) 0 0 0 1px inset;
-}
-
-.ffz-no-blue .theatre .ember-chat .chat-interface .textarea-contain textarea {
-	background-color: rgba(255,255,255,0.05);
-	border-color: rgba(255,255,255,0.1);
-}
-
-.ffz-no-blue #carousel .nav {
-	background-color: rgba(25,25,25,.5);
-}
-
-.ffz-no-blue .theme--dark .js-sc-card:hover,
-.ffz-no-blue .theme--dark .sc-toggle:hover,
-.ffz-no-blue .warp__item a:not(.warp__logo):hover {
-	background-color: #2b2b2b;
-}
-
-.ffz-no-blue .warp__item--toggled > a:not(.warp__logo) {
-	background-color: #2b2b2b;
-	box-shadow: 3px 0 0 #a3a3a3 inset;
-}
-
-.ffz-no-blue .theme--dark .social-column,
-.ffz-no-blue .theatre .conversations-list-bottom-bar,
-.ffz-no-blue.ffz-dark .conversations-list-bottom-bar,
-.ffz-no-blue .theatre .conversations-list,
-.ffz-no-blue.ffz-dark .conversations-list,
-.ffz-no-blue .theatre .conversations-list-header,
-.ffz-no-blue .theatre .conversation-window,
-.ffz-no-blue.ffz-dark .conversation-window,
-.ffz-no-blue .theatre .conversation-system-message,
-.ffz-no-blue.ffz-dark .conversation-system-message,
-
-.ffz-no-blue .theatre .bits-card,
-.ffz-no-blue .theme--dark .bits-card,
-.ffz-no-blue .dark .bits-card,
-
-.ffz-no-blue .theatre .bits-card--standard,
-.ffz-no-blue .dark .bits-card--standard,
-.ffz-no-blue .theme--dark .bits-card--standard,
-
-.ffz-no-blue .theme--dark .chat-container .chat-header,
-.ffz-no-blue .chat-container.dark .chat-header,
-.ffz-no-blue .theatre .chat-header,
-
-.ffz-no-blue .theme--dark .sc-search,
-.ffz-no-blue .warp,
-.ffz-no-blue #large_nav .content,
-.ffz-no-blue #small_nav .content,
-
-.ffz-no-blue .app-main.theatre .chat-container,
-.ffz-no-blue .theme--dark .chat-container,
-.ffz-no-blue .chat-container.dark,
-
-.ffz-no-blue .app-main.theatre .chat-container .chat-hidden-overlay,
-.ffz-no-blue .theme--dark .chat-container .chat-hidden-overlay,
-.ffz-no-blue .chat-container.dark .chat-hidden-overlay,
-
-.ffz-no-blue .app-main.theatre .chat-container .chatters-view,
-.ffz-no-blue .theme--dark .chat-container .chatters-view,
-.ffz-no-blue .chat-container.dark .chatters-view,
-
-.ffz-no-blue .app-main.theatre .chat-container .emoticon-selector .emoticon-selector-box,
-.ffz-no-blue .theme--dark .chat-container .emoticon-selector .emoticon-selector-box,
-.ffz-no-blue .chat-container.dark .emoticon-selector .emoticon-selector-box,
-
-.ffz-no-blue .app-main.theatre .chat-container .emoticon-selector .emoticon-grid,
-.ffz-no-blue .theme--dark .chat-container .emoticon-selector .emoticon-grid,
-.ffz-no-blue .chat-container.dark .emoticon-selector .emoticon-grid,
-
-.ffz-no-blue .app-main.theatre .chat-container .chat-commands-dropdown,
-.ffz-no-blue .theme--dark .chat-container .chat-commands-dropdown,
-.ffz-no-blue .chat-container.dark .chat-commands-dropdown,
-
-.ffz-no-blue .app-main.theatre .chat-container .chat-commands-dropdown li,
-.ffz-no-blue .chat-container.dark .chat-commands-dropdown li,
-
-.ffz-no-blue.error_500,
-.ffz-no-blue.error_400,
-.ffz-no-blue .takeover #carousel,
-.ffz-no-blue #carousel_and_background,
-.ffz-no-blue #carousel .items .pic img,
-.ffz-no-blue .app-main.theatre .archives-contain,
-.ffz-no-blue.ffz-dark .archives-contain,
-.ffz-no-blue #content .turbo_landing {
-	background-color: #191919;
-}
-
-.ffz-no-blue .theme--dark .chat-chip,
-
-.ffz-no-blue .app-main.theatre .bits-footer,
-.ffz-no-blue .theme--dark .bits-footer,
-.ffz-no-blue .dark .bits-footer,
-
-.ffz-no-blue .theatre .conversation-input-bar textarea,
-.ffz-no-blue .theatre input.text,
-.ffz-no-blue .theatre input.countries-input,
-.ffz-no-blue .theatre .recurly input,
-.ffz-no-blue .recurly .theatre input {
-	background-color: #202020;
-}
-
-.ffz-no-blue .warp__anchor,
-.ffz-no-blue .warp__item--anchor,
-.ffz-no-blue .warp__item--anchor-beta,
-.ffz-no-blue .warp__drawer,
-.ffz-no-blue .leaf,
-
-.ffz-no-blue .theme--dark .emoticon-selector .tabs,
-.ffz-no-blue .dark .emoticon-selector .tabs,
-.ffz-no-blue .theatre .emoticon-selector .tabs,
-
-.ffz-no-blue .app-main.theatre .archives-contain .list-video:hover,
-.ffz-no-blue.ffz-dark .archives-contain .list-video:hover,
-
-.ffz-no-blue .theatre .moderation-card .back-button,
-.ffz-no-blue .theme--dark .moderation-card .back-button,
-.ffz-no-blue .dark .moderation-card .back-button,
-
-.ffz-no-blue .theme--dark .chat-container .chat-interface .emoticon-selector .tabs,
-.ffz-no-blue .chat-container.dark .chat-interface .emoticon-selector .tabs,
-.ffz-no-blue .app-main.theatre .chat-container .chat-interface .emoticon-selector .tabs {
-	background-color: #232323;
-}
-
-.ffz-no-blue .theatre .conversations-list-bottom-bar,
-.ffz-no-blue.ffz-dark .conversations-list-bottom-bar,
-.ffz-no-blue .theatre .conversations-list .conversation-preview-line,
-.ffz-no-blue.ffz-dark .conversations-list .conversation-preview-line,
-.ffz-no-blue .theatre .conversation-window,
-.ffz-no-blue.ffz-dark .conversation-window {
-	color: #8c8c8c;
-}
-
-.ffz-no-blue .theme--dark .sc-search,
-.ffz-no-blue .theatre .conversations-list,
-.ffz-no-blue.ffz-dark .conversations-list {
-	border-color: #323232;
-}
-
-.ffz-no-blue .theatre .converations-list:before,
-.ffz-no-blue.ffz-dark .conversations-list:before {
-	border-color: transparent;
-	border-top-color: #323232;
-}
-
-.ffz-no-blue .theatre .conversations-list:after,
-.ffz-no-blue.ffz-dark .conversations-list:after {
-	border-color: transparent;
-	border-top-color: #191919;
-}
-
-.ffz-no-blue .theatre .conversations-list .conversations-list-header,
-.ffz-no-blue.ffz-dark .conversations-list .conversations-list-header,
-.ffz-no-blue .theatre .conversations-list .conversations-list-item,
-.ffz-no-blue.ffz-dark .conversations-list .conversations-list-item {
-	border-bottom-color: #323232;
-}
-
-.ffz-no-blue .theatre .convoHeader,
-.ffz-no-blue.ffz-dark .convoHeader,
-.ffz-no-blue .theatre .conversations-list .search-divider,
-.ffz-no-blue.ffz-dark .conversations-list .search-divider,
-.ffz-no-blue.ffz-dark .conversations-list .conversations-list-header,
-.ffz-no-blue .theatre .conversation-window.has-focus .convoHeader,
-.ffz-no-blue.ffz-dark .conversation-window.has-focus .convoHeader,
-.ffz-no-blue .theatre .conversations-list .conversations-list-item:hover,
-.ffz-no-blue.ffz-dark .conversations-list .conversations-list-item:hover {
-	background-color: #121212;
-}
-
-.ffz-no-blue .top-nav-drawer__status {
-	background-color: #080808;
-}
-
-.ffz-no-blue .theme--dark .chat-commerce-rich-content__drawer,
-.ffz-no-blue .top-nav-drawer {
-	background-color: #101010;
-}
-
-.ffz-no-blue .theme--dark .chat-commerce-right-content__pocket--button:hover {
-	background-color: #171717;
-}
-
-.theme--dark .chat-chip {
-	box-shadow: 0 1px 2px 0 rgba(0,0,0,.85);
-}
-
-.ffz-rich-content p.card__info {
-	line-height: 1.4rem;
-}
-
-/* Following Count */
-
-li[data-name="following"] a {
-	position: relative;
-}
-
-.ffz-follow-count:empty { display: none; }
-
-.ffz-follow-count {
-	display: inline-block;
-	border-radius: 2px;
-	text-align: center;
-	color: #fff;
-}
-
-#header_following .ffz-follow-count {
-	margin: 0 5px;
-	padding: 0 5px;
-	line-height: 20px;
-	background-color: rgba(25,25,25,0.5);
-}
-
-#left_col.open .warp__item .ffz-follow-count,
-#large_nav .ffz-follow-count,
-.ffz-dark #header_following .ffz-follow-count {
-	background-color: rgba(127,127,127,0.5);
-}
-
-#left_col.open .warp__item .ffz-follow-count,
-#large_nav .ffz-follow-count {
-	position: absolute;
-	right: 10px;
-	top: 8px;
-
-	line-height: 14px;
-	padding: 2px 5px;
-}
-
-#left_col.open .warp__item .ffz-follow-count {
-	top: 6px;
-	right: 20px;
-}
-
-#left_col.closed .warp__item .ffz-follow-count,
-#small_nav .ffz-follow-count {
-	position: absolute;
-	bottom: 2px;
-	right: 5px;
-	padding: 2px;
-	font-size: 10px;
-    line-height: 10px;
-	background-color: #191919;
-	color: rgba(255,255,255,0.5);
-}
-
-#small_nav .game_filter.selected a .ffz-follow-count,
-#small_nav .content ul li a:hover .ffz-follow-count {
-	background-color: #101014;
-}
-
-/* Image Tooltips */
-
-.ffz-clip-title {
-	display: block;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	margin-bottom: 5px;
-}
-
-.ffz-tt-channel-title {
-	display: block;
-}
-
-.ffz-image-hover {
-	border:none;
-	max-width: 186px;
-	max-height: 186px;
-	overflow: hidden;
-}
-
-.emoticon.ffz-image-hover {
-	display: block;
-	margin: 5px auto;
-}
-
-.ffz-follow-tip .ffz-image-hover {
-	margin-top: 3px;
-	max-width: 300px;
-	max-height: 300px;
-}
-
-.ffz-yt-thumb {
-	max-height: 90px;
-}
-
-/* Player Captions */
-
-.ffz-dark .player-modal__content,
-.theatre .player-modal__content {
-	background: #101010;
-	color: #ccc;
-	box-shadow: 0 1px 1px rgba(255,255,255,.1);
-}
-
-.ffz-dark .player-modal__header,
-.theatre .player-modal__header {
-	color: #ccc;
-}
-
-.ffz-dark .player-modal__content label,
-.theatre .player-modal__content label {
-	color: #aaa;
-}
-
-.ffz-dark .cc-font-size,
-.theatre .cc-font-size {
-	background-color: #101010;
-	border-color: #333;
-}
-
-
-
-.ffz-dark .cc-color-palette__square:not(:hover),
-.theatre .cc-color-palette__square:not(:hover),
-
-.ffz-dark .cc-edge-palette__square:not(:hover),
-.theatre .cc-edge-palette__square:not(:hover),
-
-.ffz-dark .cc-preset-square:not(:hover):not(.js-cc-preset-selected),
-.theatre .cc-preset-square:not(:hover):not(.js-cc-preset-selected) {
-	border-color: #101010;
-}
-
-.ffz-dark label.cc-edge-palette__square,
-.theatre label.cc-edge-palette__square { color: #fff }
-
-
-/* Classic Player */
-
-.ffz-classic-player .player .player-video {
-	position: absolute;
-	top: 0; bottom: 32px;
-	left: 0; right: 0;
-}
-
-.ffz-classic-player .player.player-isvod .player-video {
-	bottom: 36px;
-}
-
-.ffz-classic-player .player .player-controls-bottom {
-	opacity: 1;
-
-	padding-top: 0;
-	border-top: 1px solid #000;
-	border-bottom: 1px solid #000;
-
-	background: -webkit-linear-gradient(bottom, #252525, #666);
-	background: linear-gradient(to top, #252525, #666);
-}
-
-.ffz-classic-player .theatre .player .player-video,
-.ffz-classic-player .player[data-isfullscreen="true"] .player-video {
-	bottom: 0;
-}
-
-.ffz-classic-player .theatre .player .player-controls-bottom,
-.ffz-classic-player .player[data-isfullscreen="true"] .player-controls-bottom {
-	margin-bottom: -32px;
-	-webkit-transition: margin-bottom .2s ease-out, padding-bottom .2s ease-out;
-	transition: margin-bottom .2s ease-out, padding-bottom .2s ease-out;
-}
-
-.ffz-classic-player:not(.ffz-top-conversations):not(.ffz-theatre-conversations) .theatre .player .player-controls-bottom,
-.ffz-classic-player:not(.ffz-top-conversations):not(.ffz-theatre-conversations) .theatre .player[data-controls=true] .player-controls-bottom,
-.ffz-classic-player .theatre .player[data-isfullscreen="true"] .player-controls-bottom,
-.ffz-classic-player .theatre .player[data-isfullscreen="true"][data-controls=true] .player-controls-bottom {
-	padding-bottom: 0;
-}
-
-.ffz-classic-player .theatre .player.player-isvod .player-controls-bottom,
-.ffz-classic-player .player.player-isvod[data-isfullscreen="true"] .player-controls-bottom {
-	margin-bottom: -36px;
-}
-
-.ffz-classic-player .theatre .player[data-controls=true] .player-controls-bottom,
-.ffz-classic-player .player[data-isfullscreen="true"][data-controls="true"] .player-controls-bottom {
-	margin-bottom: 0;
-}
-
-.ffz-classic-player:not(.ffz-top-conversations):not(.ffz-theatre-conversations) .theatre .player[data-isfullscreen=false][data-controls=true] .player-controls-bottom {
-	padding-bottom: 40px;
-}
-
-.ffz-classic-player .player .player-button {
-	padding-bottom: 0;
-	height: 30px;
-}
-
-
-.ffz-classic-player .player .player-slider:before,
-.ffz-classic-player .player .player-button,
-.ffz-classic-player .player .player-slider .ui-slider-handle,
-.ffz-classic-player .player .player-seek .player-seek__time {
-	-webkit-filter: drop-shadow(0px 0px 1px #000);
-	filter: drop-shadow(0px 0px 1px #000);
-}
-
-
-.ffz-classic-player .player .player-slider .ui-slider-handle { background-color: #aeaeae; }
-.ffz-classic-player .player .player-button svg { fill: #aeaeae; }
-.ffz-classic-player .player .player-seek .player-seek__time { color: #ddd; }
-
-.ffz-player-volume .player .player-volume__slider-container,
-.ffz-classic-player .player .player-volume__slider-container {
-	width: auto;
-	opacity: 1;
-}
-
-
-.ffz-classic-player .player .player-seek {
-	padding: 0;
-}
-
-.ffz-classic-player .player .player-seek .player-slider {
-	margin: -1em 0;
-}
-
-.ffz-classic-player .player .player-seek .player-seek__time-container {
-	position: absolute;
-	bottom: -12px;
-	left: 210px;
-}
-
-.ffz-classic-player .player .player-seek .player-seek__time + .player-seek__time:before {
-	content: "/";
-	padding: 0 5px;
-	opacity: 0.8;
-}
-
-.player-button--close { top: 0 }
-
-/* Directory Logos */
-
-.chat-commerce-right-content__pocket--button > *,
-.item .meta .title a a,
-.item .meta .title a img { pointer-events: none }
-
-.ffz-directory-logo .card__body,
-.ffz-directory-logo .meta {
-	padding-top: 5px;
-}
-
-.ffz-directory-logo .card__title,
-.ffz-directory-logo .meta p.title {
-	padding-top: 4px;
-	min-height: 24px;
-}
-
-.ffz-directory-logo .meta p { width: auto; }
-
-.ffz-directory-logo .profile-photo {
-	float: left;
-	height: 46px;
-	width: 46px;
-	margin-right: 10px;
-}
-
-.ffz-directory-logo .profile-photo.is-csgo {
-	margin-bottom: 20px;
-}
-
-/* Flip Dashboard */
-
-.ffz-flip-dashboard #dash_main #controls_column {
-	float: right;
-	margin-left: 20px;
-	margin-right: 0;
-}
-
-.ffz-flip-dashboard #dash_main .dash-chat-column {
-	right: inherit;
-	left: 0;
-	margin-right: 20px;
-}
-
-/* Chat Interactions Fixes */
-
-body:not(.ffz-bttv) .ember-chat .chat-commands-dropdown {
-	z-index: 998; /* 1 less than the header */
-	padding: 0;
-	margin-top: -1px;
-	background-color: #9265d5 !important;
-}
-
-body:not(.ffz-bttv) .ember-chat .chat-commands-dropdown li {
-	border: none;
-}
-
-body:not(.ffz-bttv) .ember-chat .chat-commands-dropdown li + li {
-	border-top: 1px solid rgba(0,0,0,0.25);
-}
-
-body:not(.ffz-bttv) .app-main.theatre .chat-container .chat-commands-dropdown li,
-body:not(.ffz-bttv) .theme--dark .ember-chat .chat-commands-dropdown li,
-body:not(.ffz-bttv) .dark .ember-chat .chat-commands-dropdown li,
-body:not(.ffz-bttv) .ember-chat .chat-commands-dropdown li:hover {
-	background-color: rgba(0,0,0,0.25) !important;
-	color: #fff;
-}
-
-body:not(.ffz-bttv) .app-main.theatre .chat-container .chat-commands-dropdown li:hover,
-body:not(.ffz-bttv) .dark .ember-chat .chat-commands-dropdown li:hover,
-body:not(.ffz-bttv) .theme--dark .ember-chat .chat-commands-dropdown li:hover {
-	background-color: rgba(0,0,0,0.75) !important;
-	color: #fff !important;
-}
-
-
-/* Conversations */
-
-.ffz-theatre-conversations .app-main.theatre .conversations-wrapper { display: none }
-
-body:not(.ffz-bttv) .conversation-window .new-message-divider + .timestamp-line {
-	margin-top: -3px;
-}
-
-/* ignore-cta is a bit silly right now */
-body:not(.ffz-bttv) .conversation-window .ignore-cta:not(.hidden) + .conversation-content {
-	padding-top: 76px;
-}
-
-.conversation-window .conversation-system-message.ignore-cta-container {
-	padding-right: 26px;
-}
-
-
-/* Hide that which should be hidden. */
-.conversation-window.collapsed .ignore-cta,
-.conversation-chat-line.action .colon,
-.conversation-input-bar .emoticon-selector .tabs,
-.conversation-preview-line .badges { display:none }
-
-.conversation-window.has-unread .convoHeader .username { color: #fff !important; }
-
-
-/* Top Conversations */
-
-.ffz-top-conversations .app-main.theatre .conversations-wrapper {
-	bottom: auto;
-}
-
-body:not(.ffz-top-conversations) .conversations-list-bottom-bar {
-	border-bottom: none;
-}
-
-.ffz-top-conversations .conversations-content {
-	left: 30px;
-	right: 30px;
-}
-
-.ffz-top-conversations .conversation-window,
-.ffz-top-conversations .conversations-content {
-	bottom: inherit;
-	top: 0px;
-}
-
-.ffz-top-conversations .conversation-window.collapsed .convoHeader {
-	box-shadow: none;
-}
-
-.ffz-top-conversations .conversations-list-container.list-displayed {
-	top: 243px;
-}
-
-.ffz-top-conversations .conversations-list-bottom-bar {
-	border-top: none;
-}
-
-.ffz-top-conversations .conversations-content .total-unread {
-	top: inherit;
-	bottom: -10px;
-}
-
-body:not(.ffz-theatre-conversations):not(.ffz-top-conversations) .theatre .player-controls-bottom .player-buttons-left,
-body:not(.ffz-theatre-conversations):not(.ffz-top-conversations) .theatre .player-controls-bottom .player-buttons-right {
-	margin-bottom: 40px;
-}
-
-.ffz-theatre-conversations .theatre .player-controls-bottom,
-.ffz-theatre-conversations .theatre .player[data-controls=true] .player-controls-bottom,
-.ffz-top-conversations .theatre .player-controls-bottom,
-.ffz-top-conversations .theatre .player[data-controls=true] .player-controls-bottom {
-	padding-bottom: 0;
-}
-
-.ffz-top-conversations .theatre .player-livestatus {
-	top: 40px;
-}
-
-.ffz-top-conversations:not([data-current-path="user.dashboards.index"]) #directory-list { padding-top: 50px; }
-
-
-/* Minimize Conversations */
-
-/*.ffz-minimize-conversations .conversation-window,*/
-.ffz-minimize-conversations .conversations-list-container {
-	transition: bottom ease-in-out 75ms, top ease-in-out 75ms, padding-bottom ease-in-out 75ms, padding-top ease-in-out 75ms;
-}
-
-.ffz-minimize-conversations .conversations-list-container,
-.ffz-minimize-conversations .conversations-content:hover {
-	pointer-events: all;
-}
-
-
-.ffz-minimize-conversations:not(.ffz-top-conversations) .conversations-content:hover .conversation-window.collapsed:not(.has-unread),
-.ffz-minimize-conversations:not(.ffz-top-conversations) .conversations-content:hover .conversations-list-container:not(.list-displayed) {
-	bottom: 0;
-	padding-top: 0;
-}
-
-.ffz-minimize-conversations:not(.ffz-top-conversations) .conversation-window.collapsed:not(.has-unread),
-.ffz-minimize-conversations:not(.ffz-top-conversations) .conversations-list-container:not(.list-displayed) {
-	bottom: -30px;
-	padding-top: 30px;
-}
-
-.ffz-minimize-conversations.ffz-top-conversations .conversations-content:hover .conversation-window.collapsed:not(.has-unread),
-.ffz-minimize-conversations.ffz-top-conversations .conversations-content:hover .conversations-list-container:not(.list-displayed) {
-	top: 0;
-	padding-bottom: 0;
-}
-
-.ffz-minimize-conversations.ffz-top-conversations .conversation-window.collapsed:not(.has-unread),
-.ffz-minimize-conversations.ffz-top-conversations .conversations-list-container:not(.list-displayed) {
-	top: -30px;
-	padding-bottom: 30px;
-}
-
-
-/* Following Page */
-
-.directory_header .nav li.ffz-manage-following {
-    float: right;
-    margin-right: 0;
-}
-
-.user.item { position: relative; }
-
-.profile-card .overlay_info.length,
-.card__img .overlay_info.length,
-.user.item .overlay_info.length {
-	position: absolute;
-	top: 5px;
-	right: 15px;
-	z-index: 1;
-
-	display: inline-block;
-	cursor: pointer;
-
-	padding: 0 5px;
-	font-size: 11px;
-	line-height: 22px;
-
-	background: black;
-	color: #fff;
-	opacity: 0.75;
-}
-
-.profile-card .overlay_info.length,
-.card__img .overlay_info.length { right: 5px }
-
-.profile-card .overlay_info.length svg,
-.card__img .overlay_info.length svg,
-.user.item .overlay_info.length svg {
-	float: left;
-	margin: 3px 5px 3px 0;
-}
-
-.profile-card .overlay_info.length svg path,
-.card__img .overlay_info.length svg path,
-.user.item .actions .follow svg path,
-.user.item .overlay_info.length svg path { fill: #fff; }
-
-.user.item .actions {
-	margin-top: 5px;
-	display: flex;
-	flex-wrap: nowrap;
-}
-
-.user.item .actions button {
-	display: block;
-	font-size: 11px;
-	text-align: center;
-	height: 25px;
-	line-height: 25px;
-}
-
-.user:not(.followed) .actions .follow { width: 100%; }
-
-.user.item .actions .notifications {
-	flex-grow: 1;
-	padding: 0;
-}
-
-.user.item .actions button:hover,
-.user.item .actions .notifications-on {
-	background-color: #6441A5;
-	color: #fff !important;
-}
-
-.user.followed .actions .follow span,
-.user.item:not(.followed) .actions .notifications,
-.user:not(.followed) .actions .follow .svg-unheart,
-.user.followed .actions .follow:not(:hover) .svg-unheart,
-.user.followed .actions .follow:hover .svg-heart { display: none; }
-
-.user.followed .actions .follow {
-	float: left;
-	width: 25px;
-	margin-right: 5px;
-	background-color: #00b132;
-}
-
-.user.followed .actions .follow:hover {
-	background-color: #d44949;
-}
-
-.user.item .actions .follow svg {
-	margin: 4px 0 -5px -5.5px;
-}
-
-/* Creative Directory */
-
-/* Make sure the fancy banner art goes all the way up */
-.ffz-top-conversations .ct-banner-container { margin-top: -50px }
-
-body:not(.ffz-tags-on-channel) .tw-title--tall { height: 60px }
-
-/*body:not(.ffz-tags-on-channel) #broadcast-meta .ct-tags,*/
-.cn-metabar > div:first-child .ct-tags,
-.cn-metabar__title .ct-tags,
-/*body:not(.ffz-creative-showcase) .ct-banner-handler .tower > div:last-child,*/
-body:not(.ffz-creative-showcase) .ct-spotlight-container { display: none; }
-
-
-
-/* Content-Box~! Down with Twitch randomly changing the box-sizing for everything! */
-
-#ffz-channel-table *,
-#ffz-group-table *,
-.ffz-ui-popup * {
-	box-sizing: content-box;
-}
-
-
-/* Draggable Stats on Player */
-
-.player .ui-draggable.player-playback-stats { cursor: move }
-.player .ui-draggable.player-playback-stats li { cursor: default }
-
-
-/* FFZ Suggestions */
-
-.ember-chat .chat-interface .suggestions.ffz-suggestions {
-	padding: 5px 0;
-	position: absolute;
-	bottom: 43px;
-	left: 6px;
-	width: 278px;
-	background-color: white;
-	border: 1px solid rgba(0, 0, 0, 0.2);
-	background-clip: padding-box;
-z-index: 100
-}
-.ember-chat .chat-interface .suggestions.ffz-suggestions .suggestion {
-	padding: 0 10px;
-	line-height: 24px;
-	width: 270px;
-	font-size: 12px
-}
-.ember-chat .chat-interface .suggestions.ffz-suggestions .suggestion.disabled {
-	color: #706a7c;
-font-weight: 400
-}
-.ember-chat .chat-interface .suggestions.ffz-suggestions .suggestion.disabled:hover {
-	background-color: transparent;
-color: #706a7c
-}
-.ember-chat .chat-interface .suggestions.ffz-suggestions .highlighted {
-	color: white;
-	background-color: #6441a4;
-	-webkit-transition: all ease-in-out 0.1s;
-	-webkit-backface-visibility: hidden;
-	transition: all 0.1s ease-in-out
-}
-
-.ffz-dark .ffz-suggestions,
-.theatre .ffz-suggestions,
-.dark .ffz-suggestions,
-.theme--dark .ffz-suggestions {
-	background-color: #101010 !important;
-	border-color: rgba(255,255,255,0.2) !important;
-}
-
-.conversation-input-bar .ffz-suggestions {
-	padding: 5px 0;
-	position: absolute;
-	bottom: 30px;
-	left: 6px;
-	width: 268px;
-	background-color: white;
-	border: 1px solid rgba(0,0,0,0.2);
-	background-clip: padding-box;
-	z-index: 100;
-}
-
-.conversation-input-bar .ffz-suggestions .suggestion {
-	padding: 0 10px;
-	line-height: 24px;
-	font-size: 12px;
-}
-
-.conversation-input-bar .ffz-suggestions .highlighted {
-	color: #fff;
-	background-color: #6441a4;
-}
-
-.suggestions.ffz-suggestions .suggestion {
-	width: auto !important;
-	background-repeat: no-repeat;
-	background-position: calc(100% - 10px) center;
-}
-
-.suggestions.ffz-suggestions .suggestion.has-info {
-	height: 40px;
-	line-height: 20px;
-	padding-top: 2px;
-}
-
-.ffz-suggestions .suggestion div,
-.ffz-suggestions .suggestion span {
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
-
-.ffz-suggestions .suggestion.is-emoji {
-	background-size: 18px;
-}
-
-.ffz-suggestions .suggestion i { opacity: 0.5 }
-
-.ffz-suggestions .suggestion.has-info span {
-	opacity: 0.5;
-	display: block;
-	margin-top: -4px;
-	font-size: 10px;
-}
-
-.suggestions.ffz-suggestions .suggestion.has-image:not(.has-info) {
-	line-height: 40px;
-}
-
-/* Banned and Spoiler Games */
-
-body:not([data-current-path^="directory.csgo"]):not([data-current-path^="directory.game"]):not([data-current-path^="directory.creative"]) .ffz-game-banned { display: none !important }
-
-.ffz-game-spoilered .card__img > img,
-.ffz-game-spoilered .card__img a:not(.card__boxpin) img,
-.ffz-game-spoilered .thumb .cap img { visibility: hidden }
-
-.ffz-game-spoilered .card__img a:not(.card__boxpin):after,
-.ffz-game-spoilered .thumb .cap:after {
-	position: absolute;
-	top: 0; left: 0;
-	bottom: 0; right: 0;
-	background: url("https://static-cdn.jtvnw.net/ttv-static/404_preview-320x180.jpg") no-repeat #64439a;
-	background-size: cover;
-	content: '';
-}
-
-.directory_header .ffz-block-button,
-.directory_header .ffz-spoiler-button {
-	margin-left: 1rem;
-	vertical-align: top;
-}
-
-.balloon .balloon__title button {
-	display: block;
-}
-
-.balloon .balloon__title button:not(:last-of-type) {
-	margin-bottom: 1rem;
-}
-
-body[data-current-path^="directory.creative"] .follow-button.ffz-block-button {
-	margin: 0 1rem;
-}
-
-.button.ffz-spoiler-button,
-.button.ffz-block-button {
-	background: #555;
-}
-
-.button.ffz-spoiler-button.active {
-	background: #006700;
-}
-
-.button.ffz-spoiler-button:not(.disabled):hover {
-	background: #247324;
-}
-
-.button.ffz-block-button.active {
-	background: #973333;
-}
-
-.button.ffz-block-button:not(.disabled):hover {
-	background: #a94444;
-}
-
-
-/* Dashboard Channel Feed */
-
-.activity-card .emoticon-selector .tabs { display: none }
-
-.ffz-feed-button span { line-height: 30px; }
-#ffz-feed-tabs .tabs { margin-bottom: 10px }
-#ffz-feed-tabs textarea { resize: vertical }
-
-.ffz-feed-button .char-count.over-limit { color: #A00 }
-.ffz-feed-button .char-count.over-limit span { display: inline }
-.ffz-feed-button .char-count span { display: none; opacity: 0.75 }
-.ffz-feed-button .char-count,
-.ffz-feed-button button { float: right; margin-left: 10px }
-
-body.ffz-bttv #ffz-feed-tabs .tabs li:not(.selected):not(:hover) a { color: #6441a5; }
-body.ffz-bttv-dark #ffz-feed-tabs .tabs li:not(.selected):not(:hover) a { color: #999; }
-
-body.ffz-bttv #ffz-feed-tabs .tabs { margin-bottom: 0 }
-
-/* New Sidebar */
-
-.warp__anchor { height: 5.5rem }
-
-
-/* Chat Pane Overhaul */
-
-.ember-chat.ffz-chat-pane .chat-messages { bottom: 0 }
-
-/* Hide Outlines */
-
-.convoHeader,
-.conversations-list-icon,
-.toggle-notification-menu {
-	outline: none !important
-}
-
-
-/* Badges */
-
-.badges .badge {
-	background-size: 18px 18px !important;
-}
-
-.convoHeader .badges .badge {
-	background-size: 14px 14px !important;
-	-webkit-mask-size: 14px 14px;
-	mask-size: 14px 14px;
-}
-
-/*.badges .badge {
-    height: 18px;
-    min-width: 18px;
-    display: inline-block;
-    vertical-align: middle;
-    float: left;
-    margin: 1px 3px 1px 0
-}
-
-.badges .broadcaster {
-    background: #e71818 url(/images/xarth/badge_broadcaster.svg);
-    background-size: 100%
-}
-
-.badges .turbo {
-    cursor: pointer;
-    background: #6441a5 url(/images/xarth/badge_turbo.svg);
-    background-size: 100%
-}
-
-.badges .subscriber {
-    cursor: pointer
-}
-
-.badges .staff {
-    background: #200f33 url(/images/xarth/badge_staff.svg);
-    background-size: 100%
-}
-
-.badges .global-moderator {
-    background: #0c6f20 url(/images/xarth/badge_globalmod.svg);
-    background-size: 100%
-}
-
-.badges .moderator {
-    background: #34ae0a url(/images/xarth/badge_mod.svg);
-    background-size: 100%
-}
-
-.badges .admin {
-    background: #faaf19 url(/images/xarth/badge_admin.svg);
-    background-size: 100%
-}*/
-
-/* Button Fix */
-
-.ffz-no-bg.button,
-.ffz-no-bg {
-	background: transparent;
-}
-
-.ffz-hidden-badges.badges { margin-left: 5px }
-
-
-/* Odd Badges */
-.badge.click_url { cursor: pointer }
-
-.ffz-dark .badge.staff.version-1.colored,
-.theatre .badge.staff.version-1.colored,
-.dark .badge.staff.version-1.colored,
-.theme--dark .badge.staff.version-1.colored {
-	background: linear-gradient(#6441a4,#6441a4);
-}
-
-/*.badge.premium.version-1:not(.colored) {
-	background: url("https://cdn.frankerfacez.com/badges/twitch/premium/1/1.png") #009cdc;
-	background-image: -webkit-image-set(url("https://cdn.frankerfacez.com/badges/twitch/premium/1/1.png") 1x, url("https://cdn.frankerfacez.com/badges/twitch/premium/1/2.png") 2x, url("https://cdn.frankerfacez.com/badges/twitch/premium/1/4.png") 4x);
-	background-image: image-set(url("https://cdn.frankerfacez.com/badges/twitch/premium/1/1.png") 1x, url("https://cdn.frankerfacez.com/badges/twitch/premium/1/2.png") 2x, url("https://cdn.frankerfacez.com/badges/twitch/premium/1/4.png") 4x);
-}
-
-.badge.premium.version-1.colored {
-	background: linear-gradient(#009cdc,#009cdc);
-	-webkit-mask-image: url("https://cdn.frankerfacez.com/badges/twitch/premium/1/1.png");
-}
-
-.badge.bits.version-1:not(.colored) {
-	background: url("https://cdn.frankerfacez.com/badges/twitch/bits/1/1.png") #cbc8d0;
-	background-image: -webkit-image-set(url("https://cdn.frankerfacez.com/badges/twitch/bits/1/1.png") 1x, url("https://cdn.frankerfacez.com/badges/twitch/bits/1/2.png") 2x, url("https://cdn.frankerfacez.com/badges/twitch/bits/1/4.png") 4x);
-	background-image: image-set(url("https://cdn.frankerfacez.com/badges/twitch/bits/1/1.png") 1x, url("https://cdn.frankerfacez.com/badges/twitch/bits/1/2.png") 2x, url("https://cdn.frankerfacez.com/badges/twitch/bits/1/4.png") 4x);
-}
-
-.badge.bits.version-1.colored {
-	background: linear-gradient(#cbc8d0,#cbc8d0);
-	-webkit-mask-image: url("https://cdn.frankerfacez.com/badges/twitch/bits/1/1.png");
-}
-
-.badge.bits.version-100:not(.colored) {
-	background: url("https://cdn.frankerfacez.com/badges/twitch/bits/100/1.png") #ca7eff;
-	background-image: -webkit-image-set(url("https://cdn.frankerfacez.com/badges/twitch/bits/100/1.png") 1x, url("https://cdn.frankerfacez.com/badges/twitch/bits/100/2.png") 2x, url("https://cdn.frankerfacez.com/badges/twitch/bits/100/4.png") 4x);
-	background-image: image-set(url("https://cdn.frankerfacez.com/badges/twitch/bits/100/1.png") 1x, url("https://cdn.frankerfacez.com/badges/twitch/bits/100/2.png") 2x, url("https://cdn.frankerfacez.com/badges/twitch/bits/100/4.png") 4x);
-}
-
-.badge.bits.version-100.colored {
-	background: linear-gradient(#ca7eff,#ca7eff);
-	-webkit-mask-image: url("https://cdn.frankerfacez.com/badges/twitch/bits/100/1.png");
-}
-
-.badge.bits.version-1000:not(.colored) {
-	background: url("https://cdn.frankerfacez.com/badges/twitch/bits/1000/1.png") #3ed8b3;
-	background-image: -webkit-image-set(url("https://cdn.frankerfacez.com/badges/twitch/bits/1000/1.png") 1x, url("https://cdn.frankerfacez.com/badges/twitch/bits/1000/2.png") 2x, url("https://cdn.frankerfacez.com/badges/twitch/bits/1000/4.png") 4x);
-	background-image: image-set(url("https://cdn.frankerfacez.com/badges/twitch/bits/1000/1.png") 1x, url("https://cdn.frankerfacez.com/badges/twitch/bits/1000/2.png") 2x, url("https://cdn.frankerfacez.com/badges/twitch/bits/1000/4.png") 4x);
-}
-
-.badge.bits.version-1000.colored {
-	background: linear-gradient(#3ed8b3,#3ed8b3);
-	-webkit-mask-image: url("https://cdn.frankerfacez.com/badges/twitch/bits/1000/1.png");
-}
-
-.badge.bits.version-5000:not(.colored) {
-	background: url("https://cdn.frankerfacez.com/badges/twitch/bits/5000/1.png") #49acff;
-	background-image: -webkit-image-set(url("https://cdn.frankerfacez.com/badges/twitch/bits/5000/1.png") 1x, url("https://cdn.frankerfacez.com/badges/twitch/bits/5000/2.png") 2x, url("https://cdn.frankerfacez.com/badges/twitch/bits/5000/4.png") 4x);
-	background-image: image-set(url("https://cdn.frankerfacez.com/badges/twitch/bits/5000/1.png") 1x, url("https://cdn.frankerfacez.com/badges/twitch/bits/5000/2.png") 2x, url("https://cdn.frankerfacez.com/badges/twitch/bits/5000/4.png") 4x);
-}
-
-.badge.bits.version-5000.colored {
-	background: linear-gradient(#49acff,#49acff);
-	-webkit-mask-image: url("https://cdn.frankerfacez.com/badges/twitch/bits/5000/1.png");
-}
-
-.badge.bits.version-10000:not(.colored) {
-	background: url("https://cdn.frankerfacez.com/badges/twitch/bits/10000/1.png") #ff271e;
-	background-image: -webkit-image-set(url("https://cdn.frankerfacez.com/badges/twitch/bits/10000/1.png") 1x, url("https://cdn.frankerfacez.com/badges/twitch/bits/10000/2.png") 2x, url("https://cdn.frankerfacez.com/badges/twitch/bits/10000/4.png") 4x);
-	background-image: image-set(url("https://cdn.frankerfacez.com/badges/twitch/bits/10000/1.png") 1x, url("https://cdn.frankerfacez.com/badges/twitch/bits/10000/2.png") 2x, url("https://cdn.frankerfacez.com/badges/twitch/bits/10000/4.png") 4x);
-}
-
-.badge.bits.version-10000.colored {
-	background: linear-gradient(#ff271e,#ff271e);
-	-webkit-mask-image: url("https://cdn.frankerfacez.com/badges/twitch/bits/10000/1.png");
-}
-
-.badge.bits.version-100000:not(.colored) {
-	background: url("https://cdn.frankerfacez.com/badges/twitch/bits/100000/1.png") #ffcb13;
-	background-image: -webkit-image-set(url("https://cdn.frankerfacez.com/badges/twitch/bits/100000/1.png") 1x, url("https://cdn.frankerfacez.com/badges/twitch/bits/100000/2.png") 2x, url("https://cdn.frankerfacez.com/badges/twitch/bits/100000/4.png") 4x);
-	background-image: image-set(url("https://cdn.frankerfacez.com/badges/twitch/bits/100000/1.png") 1x, url("https://cdn.frankerfacez.com/badges/twitch/bits/100000/2.png") 2x, url("https://cdn.frankerfacez.com/badges/twitch/bits/100000/4.png") 4x);
-}
-
-.badge.bits.version-100000.colored {
-	background: linear-gradient(#ffcb13,#ffcb13);
-	-webkit-mask-image: url("https://cdn.frankerfacez.com/badges/twitch/bits/100000/1.png");
-}*/
-
-/* New Resub Banner */
-
-.top-notification--resub {
-	position: relative;
-	z-index: 10;
-	pointer-events: none;
-}
-
-.top-notification--resub > * {
-	pointer-events: auto;
-}
-
-.sticky-message {
-	padding: 5px 15px;
-}
-
-.chat-room .show-mod-icons .chat-lines .chat-line:not(.admin) .mod-icons {
-	display: block !important;
-	position: absolute;
-	top: 0; bottom: 0;
-	padding: 3px 5px 0;
-	left: 0;
-	z-index: 99;
-	background-color: rgba(255,255,255,0.8);
-}
-
-.theatre .chat-room .show-mod-icons .chat-lines .chat-line:not(.admin) .mod-icons,
-.dark .chat-room .show-mod-icons .chat-lines .chat-line:not(.admin) .mod-icons,
-.theme--dark .chat-room .show-mod-icons .chat-lines .chat-line:not(.admin) .mod-icons {
-	background-color: rgba(0,0,0,0.8);
-}
-
-
-/* Bits */
-
-.bits-card { z-index: 10 }
-
-.ffz-bit {
-	display: inline-block;
-	height: 28px;
-	line-height: 28px;
-	font-weight: bold;
-	padding-left: 30px;
-	margin: -5px 5px;
-	box-sizing: content-box;
-	background-position: 0;
-}
-
-.tipsy .ffz-bit {
-	margin: 0 5px;
-}
-
-.ffz-bit:not(.inventory-bits__image):after {
-	content: attr(data-amount);
-}
-
-.theatre .bits-purchase__header,
-.dark .bits-purchase__header,
-.theme--dark .bits-purchase__header {
-	color: #acacbf;
-}
-
-.theatre .bits-card,
-.app-main.theatre .chat-container .bits-card, /* Twitch's CSS is retarded */
-.theme--dark .bits-card,
-.dark .bits-card,
-
-.theatre .bits-purchase__row,
-.theme--dark .bits-purchase__row,
-.dark .bits-purchase__row,
-
-.theatre .bits-footer,
-.theme--dark .bits-footer,
-.dark .bits-footer {
-	border-color: rgba(255,255,255,0.2);
-	color: #ccc;
-}
-
-
-/* New Chat Formatting */
-
-.ember-chat .chat-messages .timestamp { margin-right: 0; }
-.badges { display: inline-block }
-.badges .badge {
-	float: none;
-	margin: -1px 3px 0 0;
-}
-
-.ffz-padded-emoticons .activity-body .emoticon,
-.ffz-padded-emoticons .chat-line .emoticon {
-	margin: -1px 0 0;
-}
-
-.ffz-baseline-emoticons .activity-body .emoticon,
-.ffz-baseline-emoticons .chat-line .emoticon {
-	vertical-align: baseline;
-	padding-top: 5px;
-}
-
-.ffz-baseline-emoticons .activity-body .emoticon.emoji,
-.ffz-baseline-emoticons .chat-line .emoticon.emoji {
-	padding-top: 0px;
-}
-
-
-/* Settings Filtering */
-
-.ffz-ui-menu-page .ffz-filter-container {
-	padding: 10px;
-	border-top: 1px solid rgba(0,0,0,0.2);
-}
-
-.ffz-ui-menu-page input.js-filter-input {
-	margin: 0;
-	width: calc(100% - 2rem);
-}
-
-.bttv-incompatibility b + b:before {
-	content: ', ';
-	font-weight: normal;
-}
-
-/* Chat Rules */
-
-.ember-chat .chat-interface .chat-rules {
-	z-index: 1;
-}
-
-.theatre .chat-interface .chat-rules,
-.dark .chat-container .chat-rules
-.theme--dark .chat-container .chat-rules {
-	background: #101010;
-	color: #ccc;
-	border-color: rgba(255,255,255,0.2);
-}
-
-.ffz-mod-balloon {
-	display: block;
-	max-width: 200px;
-}
-
-.ffz-mod-balloon .ffz-title {
-	padding: 0 1rem;
-}
-
-
-.cn-metabar__ffz svg { fill: #898395; }
-.cn-metabar__ffz {
-	cursor: default;
-	color: #706a7c;
-	font-size: 1.4rem;
-}
-.cn-metabar__ffz figure {
-	margin-right: 5px;
-}
-
-.ffz-channel-title-top .cn-metabar__more { width: 100% }
-.ffz-channel-title-top #channel {
-	position: relative;
-	padding-top: 80px;
-}
-
-.ffz-channel-title-top:not(.ffz-minimal-channel-bar):not(.ffz-channel-bar-bottom) #channel {
-	padding-top: 85px;
-}
-
-
-.cn-hosting .ffz.card__layout .card__title { color: #9c9c9c }
-
-.cn-hosting .ffz.card__layout .card__title,
-.ffz-channel-title-top .cn-metabar__more,
-.app-main.theatre .cn-metabar__more {
-	margin-top: 0 !important;
-	padding-top: 0 !important;
-	border-top: none !important;
-}
-
-.ffz-hide-channel-banner .cn-cover { height: 0 !important }
-.ffz-minimal-channel-title.ffz-channel-title-top #channel { padding-top: 50px }
-
-.ffz-minimal-channel-title.ffz-channel-title-top:not(.ffz-minimal-channel-bar):not(.ffz-channel-bar-bottom) #channel {
-	padding-top: 50px;
-}
-
-.ffz-channel-title-top .ffz-channel.ffz-host { margin-top: -55px }
-.ffz-minimal-channel-title.ffz-channel-title-top .ffz-channel.ffz-host { margin-top: -25px }
-
-.ffz-channel-title-top .cn-metabar > div:first-child,
-.ffz-channel-title-top .cn-metabar__title {
-	position: absolute;
-	top: 5px;
-	padding: 1rem 0;
-	z-index: 3;
-}
-
-.ffz-channel-title-top:not(.ffz-channel-bar-bottom):not(.ffz-minimal-channel-bar) #channel.ffz-bar-fixed .cn-metabar > div:first-child,
-.ffz-channel-title-top:not(.ffz-channel-bar-bottom):not(.ffz-minimal-channel-bar) #channel.ffz-bar-fixed .cn-metabar__title {
-	margin-top: 50px;
-}
-
-.ffz-minimal-channel-bar .cn-bar-fixed {
-	top: -40px;
-	transition: top ease-in-out 75ms, bottom ease-in-out 75ms;
-}
-
-.ffz-sidebar-minimize:not(.ffz-minimal-channel-bar) .has-sc .cn-bar-fixed { top: 10px }
-
-.ffz-minimal-channel-bar .cn-bar-fixed:hover { top: 0 }
-.ffz-minimal-channel-bar .has-sc .cn-bar-fixed { top: 10px }
-
-.ffz-sidebar-minimize.ffz-minimal-channel-bar:not(.ffz-channel-bar-bottom) .has-sc .cn-bar-fixed { top: -30px }
-.ffz-sidebar-minimize.ffz-minimal-channel-bar:not(.ffz-channel-bar-bottom) .has-sc div:hover + .app-body .cn-bar-fixed { top: 10px }
-.ffz-sidebar-minimize.ffz-minimal-channel-bar:not(.ffz-channel-bar-bottom) .has-sc .cn-bar-fixed:hover { top: 10px }
-
-.ffz-channel-bar-bottom .player-mini { bottom: 20px }
-
-.ffz-minimal-channel-bar:not(.ffz-channel-bar-bottom) .has-sc div:hover + .app-body .cn-bar-fixed,
-.ffz-minimal-channel-bar:not(.ffz-channel-bar-bottom) .has-sc .cn-bar-fixed:hover { top: 50px }
-.ffz-minimal-channel-bar.ffz-channel-bar-bottom .cn-bar-fixed { top: auto; bottom: -40px }
-.ffz-minimal-channel-bar.ffz-channel-bar-bottom .cn-bar-fixed:hover { bottom: 0 }
-
-.ffz-sidebar-minimize .top-nav {
-	top: -40px !important;
-	transition: top ease-in-out 75ms, bottom ease-in-out 75ms;
-}
-
-.ffz-sidebar-minimize .app-main.has-sc:not(.theatre) { top: 10px }
-.ffz-sidebar-minimize .top-nav:hover { top: 0 !important }
-.ffz-sidebar-minimize .has-sc .js-player-persistent { margin-top: 40px }
-
-/*.ffz-minimal-channel-title .cn-metabar,
-.ffz-channel-title-top .cn-metabar {
-	min-height: 70px;
-}*/
-
-.ffz-hide-channel-banner .cn-bar__avatar-wrap { width: 4rem; height: 4rem; }
-
-/* Channel Metadata Sorting */
-
-div.metadata-box {
-	border: none !important;
-	margin: 0 !important;
-	padding: 1rem 0 !important;
-	background: transparent !important;
-}
-
-.cn-hosting--bottom > *,
-.cn-metabar__more > * {
-	margin: .5rem 1rem .5rem 0 !important;
-	order: 49;
-}
-
-.cn-hosting--bottom > *,
-.cn-metabar__more > span { order: 150 }
-
-.cn-hosting--bottom:after,
-.cn-metabar__more:after {
-	content: '';
-	order: 75;
-	flex-grow: 1;
-}
-
-.cn-hosting--bottom { padding-right: 0 }
-#ffz-metadata-popup .button { margin: 0 }
-
-.cn-hosting--bottom .button:not(.follow-button),
-.ffz-channel-options .qa-channel-options,
-.ffz-share-box .qa-share-box__button { margin: 0 !important }
-
-.cn-metabar__more > .cn-metabar__livecount { order: 1 }
-/*.cn-metabar__more > .cn-metabar__ffz[data-key="uptime"] { order: 2 }
-.cn-metabar__more > #ffz-chatter-display { order: 51 }
-.cn-metabar__more > #ffz-player-stats { order: 3 }*/
-.cn-metabar__more > .cn-metabar__viewcount { order: 50; flex-grow: 0 !important }
-
-.cn-metabar__more > .ffz-channel-broadcast-link { order: 100 }
-.cn-metabar__more > .ffz-share-box { order: 101 }
-.cn-metabar__more > .ffz-channel-options { order: 999; margin-right: 0 !important }
-
-.cn-hosting--bottom > .follow-button { order: 1 }
-.cn-hosting--bottom > .follow-button.is-following { margin-right: 0 !important }
-.cn-hosting--bottom > .notification-controls { order: 1 }
-.cn-hosting--bottom > span.ember-view { order: 2 }
-
-.cn-hosting--bottom > .ffz-channel-options { flex-grow: 0 }
-.cn-hosting--bottom .cn-hosting__options { box-shadow: inset 0 0 0 1px rgba(100,65,164,.5) }
-.cn-hosting--bottom .cn-hosting__options:focus {
-	box-shadow: 0 0 6px 0 #7d5bbe,inset 0 0 0 1px rgba(100,65,164,.5) }
-
-.cn-metabar__ffz[data-key="viewers"] svg { fill: #fc3636 }
-.cn-metabar__ffz[data-key="viewers"] { color: #fc3636 }
-
-.ffz-dark .pl-button--hollow:hover,
-.ffz-dark .button--hollow:hover,
-.cn-hosting--bottom .button-hollow {
-	background-color: #2c2541;
-}
-
-
-/* Mod Card Notes */
-
-.ffz-moderation-card .note-input textarea {
-	width: 100%;
-	height: 50px;
-	resize: none;
-	margin-bottom: 10px;
-}
-
-.ffz-moderation-card .mod-icons .delete-note {
-	background-image: url("//cdn.frankerfacez.com/script/button_ban.svg");
-	background-repeat: no-repeat;
-}
-
-.ffz-moderation-card .mod-icons .edit-note {
-	background-image: url("//cdn.frankerfacez.com/script/button_edit.svg");
-	background-repeat: no-repeat;
-}
-
-/* Ban Notices */
-
-.theatre .chat-history .chat-line.notification .message,
-.theme--dark .chat-history .chat-line.notification .message,
-.dark .chat-history .chat-line.notification .message,
-
-.theatre .chat-history .chat-line.admin .message,
-.theme--dark .chat-history .chat-line.admin .message,
-.dark .chat-history .chat-line.admin .message,
-
-.theatre .chat-messages .chat-line.admin .message,
-.theme--dark .chat-messages .chat-line.admin .message,
-.dark .chat-messages .chat-line.admin .message,
-
-.theatre .chat-messages .chat-line.notification .message,
-.theme--dark .chat-messages .chat-line.notification .message,
-.dark .chat-messages .chat-line.notification .message {
-	color: #777
-}
-
-.ban-tip { border-bottom: 1px dotted rgba(102,102,102,0.5); }
-
-.ffz-clickable-mentions .ffz-recent-messages .chat-line .user-token,
-.ffz-clickable-mentions .pinned-cheers .chat-line .user-token,
-.ffz-clickable-mentions .chat-display .chat-line .user-token { font-weight: bold }
-.ffz-clickable-mentions .ffz-recent-messages .chat-line .user-token:hover,
-.ffz-clickable-mentions .pinned-cheers .chat-line .user-token:hover,
-.ffz-clickable-mentions .chat-display .chat-line .user-token:hover {
-	text-decoration: underline;
-	cursor: pointer;
-}
-
-
-/* Following Menu */
-
-#ffz-metadata-popup .scroller {
-	max-height: 420px;
-	overflow-y: scroll;
-	overflow-x: hidden;
-	margin: -1rem;
-	padding: 1rem;
-}
-
-/* Remove BTTV's ugly styling */
-.ffz-following-row .button {
-	color: #fff !important;
-	box-shadow: none !important;
-}
-
-.ffz-following-row {
-	padding: 1rem 0;
-	line-height: 30px;
-	border-bottom: 1px solid rgba(0,0,0,0.2);
-}
-
-.ffz-following-row:first-child { padding-top: 0 }
-.ffz-following-row:last-child { padding-bottom: 0; border-bottom: none }
-
-.ffz-following-row .image:not([src]) { visibility: hidden }
-
-.ffz-following-row .image {
-	display: inline-block;
-	height: 30px;
-	width: 30px;
-	margin-right: 1rem;
-}
-
-.ffz-following-row .right,
-.ffz-following-row .button {
-	float: right;
-}
-
-.ffz-following-row .switch {
-	float: right;
-	margin: 7px 1rem 0 0;
-}
-
-/* Schedule */
-
-.ffz-schedule-row {
-	position: relative;
-	margin: 0 -1rem;
-	padding: 1rem 1rem 1rem 6rem;
-	border-bottom: 1px solid rgba(0,0,0,0.2);
-}
-
-.ffz-schedule-row:first-child { margin-top: -1rem }
-.ffz-schedule-row:last-child { margin-bottom: -1rem; border-bottom: none }
-
-.ffz-schedule-row.ffz-old-item { background-color: rgba(0,0,0,0.15); opacity: 0.6 }
-
-.ffz-schedule-date { background-color: rgba(127,127,127,0.1) }
-.ffz-schedule-row.ffz-current-item { background-color: rgba(0,0,0,0.2) }
-
-.ffz-dark .ffz-schedule-row.ffz-old-item,
-.theatre .ffz-schedule-row.ffz-old-item {
-	background-color: rgba(255,255,255,0.1)
-}
-
-.ffz-dark .ffz-schedule-row.ffz-current-item,
-.theatre .ffz-schedule-row.ffz-current-item {
-	background-color: rgba(255,255,255,0.15)
-}
-
-.ffz-schedule-row .heading h2 span,
-.ffz-schedule-row .runners,
-.ffz-schedule-row .meta,
-.ffz-schedule-date {
-	color: #666;
-}
-
-
-.ffz-dark .ffz-schedule-row .heading h2 span,
-.theatre .ffz-schedule-row .heading h2 span,
-.ffz-dark .ffz-schedule-row .runners,
-.theatre .ffz-schedule-row .runners,
-.ffz-dark .ffz-schedule-row .meta,
-.theatre .ffz-schedule-row .meta,
-.ffz-dark .ffz-schedule-date,
-.theatre .ffz-schedule-date {
-	color: #999;
-}
-
-
-.ffz-schedule-row .runners span { color: #000 }
-
-.ffz-dark .ffz-schedule-row .runners span,
-.theatre .ffz-schedule-row .runners span { color: #fff }
-
-.ffz-schedule-row .meta {
-	margin-bottom: 5px;
-}
-
-.ffz-schedule-row .heading h2 {
-	padding: 0;
-	margin: 0 0 5px;
-	font-size: 2rem;
-	line-height: 1em;
-}
-
-.ffz-schedule-row .heading h2 span {
-	font-size: 1.5rem;
-	line-height: 1em;
-	white-space: nowrap;
-}
-
-.ffz-schedule-row .time-start {
-	position: absolute;
-	left: 1rem;
-	width: 45px;
-
-	font: 16px Sans-Serif;
-}
-
-.ffz-schedule-row .time-start { top: 1rem }
-
-.ffz-schedule-date {
-	padding-left: 0;
-	text-align: center;
-	font: bold 1.1rem Sans-Serif;
-}
-
-
-/* Hidden Navigation */
-
-.ffz-sidebar-minimize:not(.ffz-sidebar-swap) #left_col.closed:not(:hover) { left: -40px }
-.ffz-sidebar-minimize:not(.ffz-sidebar-swap) #left_col.open:not(:hover) { left: -230px }
-.ffz-sidebar-minimize:not(.ffz-sidebar-swap) .app-main:not(.has-sc) #main_col { margin-left: 10px !important }
-.ffz-sidebar-minimize:not(.ffz-sidebar-swap) .app-main:not(.has-sc) #left_col ~ #main_col .cn-bar-fixed { left: 10px }
-
-.ffz-sidebar-minimize.ffz-sidebar-swap #left_col.closed:not(:hover) { right: -40px }
-.ffz-sidebar-minimize.ffz-sidebar-swap #left_col.open:not(:hover) { right: -230px }
-.ffz-sidebar-minimize.ffz-sidebar-swap .app-main:not(.has-sc) #main_col { margin-right: 10px !important }
-.ffz-sidebar-minimize.ffz-sidebar-swap .app-main:not(.has-sc) .cn-bar-fixed { right: 10px }
-
-
-/* Modifier Emotes */
-
-.emoticon-grid span.emoticon:not([data-ffz-emote="59829"]) {
-	padding-top: 0;
-	margin: 0 !important
-}
-
-.modified-emoticon ~ .emoticon { position: relative; z-index: 1}
-
-.modified-emoticon {
-	position: relative;
-	z-index: 0;
-}
-
-.ffz-bttv .emoticon[data-ffz-emote="70864"]:hover { opacity: 0 }
-
-.modified-emoticon[data-ffz-emote="59829"] span { right: 128px }
-.modified-emoticon > img.emoticon { margin: 0 !important }
-
-.emoticon[data-ffz-modifiers~="147011"] { clip-path: circle(14px at 50% 50%) }
-.modified-emoticon > img.emoticon[data-ffz-modifiers~="147038"] {
-	transform: translateY(-2px);
-	max-height: 24px;
-	clip-path: circle(14px at 50% 50%);
-}
-
-.modified-emoticon:hover span .emoticon[data-ffz-emote="70864"],
-.modified-emoticon:not(:hover) .emoticon[data-ffz-modifiers~="70864"] { opacity: 0 }
-
-.modified-emoticon span {
-	position: absolute;
-	top: -20px; bottom: -20px; left: -20px; right: -20px;
-	margin: auto;
-	pointer-events: none;
-}
-
-.modified-emoticon span img {
-	position: absolute;
-	top: 50%; left: 50%;
-	transform: translate(-50%, -50%);
-}
-
-.ffz-bttv .modified-emoticon span,
-.ffz-baseline-emoticons .modified-emoticon span {
-	top: -25px;
-}
-
-body:not(.ffz-bttv) .modified-emoticon span,
-.ffz-bttv .modified-emoticon { pointer-events: none }
-.ffz-bttv .modified-emoticon > .emoticon { pointer-events: all }
-
-.ffz-bttv .chat-line .modified-emoticon,
-.ffz-baseline-emoticons .chat-line .modified-emoticon {
-	padding-top: 0;
-	margin-bottom: -3px;
-	vertical-align: bottom !important;
-}
-
-body:not(.ffz-sidebar-swap) .app-main.theatre #main_col:not(.expandRight) #player[data-isfullscreen=true] { right: 0 !important }
-body.ffz-sidebar-swap .app-main.theatre #main_col:not(.expandRight) #player[data-isfullscreen=true] { left: 0 !important }
-
-.pinned-cheers__message-wrapper .chat-line:before,
-.pinned-cheers__message-wrapper:before { display: none }
-
-.pinned-cheers .chat-line { background-color: transparent !important }
-
-.pinned-cheers__message-wrapper .chat-line { margin: 10px 0; padding: 0 }
-.pinned-cheers .mod-icons { display: inline !important }
-
-.pinned-cheer__top-bar,
-.pinned-cheers--padding { padding: 0 !important }
-
-/* Player Mini Positioning Stuff */
-
-.ffz-sidebar-swap .expandRight .player-mini {
-	left: 10px !important;
-}
-
-/* New Dashboard */
-
-.dash-chat {
-	font-size: 1.2rem;
-	width: calc(100% - 2px);
-	height: calc(100% - 2px);
-}
-
-.dash-column {
-	margin-right: calc(1rem - 5px);
-	padding-right: 5px;
-}
-
-@media(min-width: 1200px) {
-	.dash-column {
-		margin-right: calc(1.5rem - 5px);
-	}
-}
-
-
-/* ITAD */
-
-.button.button--large + .ffz-price-info > .itad-button {
-	font-size: 1.6rem;
-	line-height: 3.6rem;
-	padding: 0 1.2rem;
-}
-
-.itad-button {
-	background-color: #046eb2;
-	overflow: hidden;
-}
-
-.itad-button .button__num-block {
-	margin: 0 -3rem 0 0;
-	padding-right: 3rem !important;
-	display: inline-block;
-}
-
-.button.button--large + .ffz-price-info > .itad-button .button__num-block {
-	padding-right: 4.8rem !important;
-}
-
-.itad-button:focus,
-.itad-button:hover {
-	background-color: #1587cf;
-}
-
-.itad-button:focus { box-shadow: 0 0 6px 0 #5c99bf, inset 0 0 0 1px #9ec2d9 }
-
-.itad-balloon table {
-	width: 100%;
-	border-spacing: 0;
-}
-
-.itad-balloon th { border-bottom: 1px solid rgba(0,0,0,0.2) }
-.itad-balloon td { padding: 4px 0 0 }
-
-.itad-balloon span {
-	display: block;
-	/*border-top: 1px solid rgba(0,0,0,0.2);
-	margin-top: 5px;
-	padding-top: 5px;*/
-}
-
-.ffz-dark .itad-balloon th,
-.ffz-dark .itad-balloon span {
-	border-color: rgba(255,255,255,0.2);
-}
-
-.itad-balloon table th:not(:first-child),
-.itad-balloon table td:not(:first-child) { text-align: right }
-
-.ffz-has-recent-messages .resub-wrap {
-	padding-top: 30px;
-}
-
-.chat-messages[data-pinned_height="30"],
-.ffz-has-recent-messages .sticky-message,
-.ffz-has-recent-messages .chat-messages {
-	top: 30px;
-}
-
-.chat-messages[data-pinned_height="76"] { top: 76px }
-.ffz-has-recent-messages .chat-messages[data-pinned_height="30"] { top: 60px }
-.ffz-has-recent-messages .chat-messages[data-pinned_height="76"] { top: 106px }
-
-.ffz-recent-messages {
-	background-color: #efeef1;
-	border-bottom: 1px solid #dad8de;
-	z-index: 1000;
-	overflow: hidden;
-	position: absolute !important;
-	top: 0;
-	left: 0;
-	right: 0;
-	transition: height ease-in-out 100ms;
-	height: 30px;
-	box-shadow: 0 5px 5px -3px rgba(239,238,241,0.5);
-}
-
-.ffz-recent-messages.ui-moved {
-	height: auto;
-	right: auto;
-	width: 340px;
-	border: 1px solid #dad8de;
-}
-
-.ffz-recent-messages.ui-moved .pill {
-	display: none;
-}
-
-.ffz-recent-messages .ffz-recent-expando {
-	background-color: #efeef1;
-	padding: 5px 10px;
-	border-bottom: 1px solid #dad8de;
-	color: #333;
-	cursor: move;
-	position: relative;
-	z-index: 1;
-}
-
-.ffz-recent-expando .pill {
-	float: right;
-	font-size: 100%;
-	margin-top: 3px;
-}
-
-.ffz-recent-messages .chat-history {
-	top: -150px;
-	position: relative;
-	height: 150px;
-	transition: top ease-in-out 75ms;
-}
-
-.ffz-recent-messages:not(.ui-moved):hover {
-	height: 180px;
-}
-
-.ffz-recent-messages.ui-moved .chat-history,
-.ffz-recent-messages:not(.ui-moved):hover .chat-history {
-	top: 0px;
-}
-
-.ffz-recent-messages.ui-moved .chat-history {
-	min-height: 150px;
-	height: auto;
-}
-
-.ffz-dark .ffz-recent-expando,
-.theatre .ffz-recent-expando,
-.theme--dark  .ffz-recent-expando,
-.dark  .ffz-recent-expando,
-.force-dark  .ffz-recent-expando {
-	background-color: #242424;
-	border-color: #474747;
-	color: #ccc;
-}
-
-.ffz-dark .ffz-recent-messages,
-.theatre .ffz-recent-messages,
-.theme--dark .ffz-recent-messages,
-.dark .ffz-recent-messages,
-.force-dark .ffz-recent-messages {
-	background-color: #191919;
-	border-color: #474747;
-	box-shadow: 0 5px 5px -3px rgba(25,25,25,0.5);
-}
-
-
-/*
-        H O T  *  G A R B A G E
-
- ___/-\___     ___/-\___     ___/-\___
-|---------|   |---------|   |---------|
- |       |     | | | | |     |   |   |
- |       |     | | | | |     | | | | |
- |       |     | | | | |     | | | | |
- | | | | |     | | | | |     | | | | |
- |_______|     |_______|     |_______|
-
-*/
-
-/*#ffz-chat-menu.ui-draggable-dragging {
-	height: auto !important;
-	width: auto !important;
-	background: transparent;
-	border: none;
-	padding: 0;
-	display: block;
-	max-width: inherit;
-}
-
-.moderation-card.ui-draggable-dragging {
-	position: fixed;
-	height: auto !important;
-	width: auto !important;
-	background: black;
-	padding: 0;
-	display: block;
-	max-width: 340px;
-}*/
-
-.app-main.theatre .player-whispers-padding {
-	margin-bottom: 0;
-}
-
-.app-main.theatre .conversations-wrapper {
-	background: transparent;
-}
\ No newline at end of file
diff --git a/styles/chat.scss b/styles/chat.scss
new file mode 100644
index 00000000..00349e16
--- /dev/null
+++ b/styles/chat.scss
@@ -0,0 +1,58 @@
+.ffz-cheer {
+	display: inline-block;
+	height: 2.8rem;
+	line-height: 2.8rem;
+	padding-left: 3rem;
+	margin: -.5rem .5rem;
+	background-position: 0;
+	background-repeat: no-repeat;
+
+	&:after {
+		font-weight: bold;
+		content: attr(data-amount)
+	}
+}
+
+.ffz-cheer-preview {
+	height: 11.2rem;
+	width: 11.2rem;
+}
+
+
+.ffz-badge {
+	display: inline-block;
+	min-width: 1.8rem;
+	height: 1.8rem;
+	margin: 0 .3rem .2rem 0;
+	background-position: center;
+	vertical-align: middle;
+}
+
+
+.modified-emote {
+	~ .chat-line__message--emote {
+		position: relative;
+		z-index: 1
+	}
+
+	position: relative;
+	z-index: 0;
+
+	> img {
+		margin: 0 !important
+	}
+
+	span {
+		position: absolute;
+		top: -20px; bottom: -20px; left: -20px; right: -20px;
+		margin: auto;
+		pointer-events: none;
+
+		img {
+			position: absolute;
+			top: 50%;
+			left: 50%;
+			transform: translate(-50%, -50%);
+		}
+	}
+}
\ No newline at end of file
diff --git a/styles/icons.scss b/styles/icons.scss
new file mode 100644
index 00000000..be654765
--- /dev/null
+++ b/styles/icons.scss
@@ -0,0 +1,91 @@
+@font-face {
+	font-family: 'ffz-fontello';
+	src: url('~res/font/ffz-fontello.woff2') format('woff2'),
+		url('~res/font/ffz-fontello.woff') format('woff'),
+		url('~res/font/ffz-fontello.ttf') format('truetype');
+	font-weight: normal;
+	font-style: normal;
+}
+
+[class^="ffz-i-"]:before, [class*=" ffz-i-"]:before {
+	font-family: "ffz-fontello";
+	font-style: normal;
+	font-weight: normal;
+	speak: none;
+
+	display: inline-block;
+	text-decoration: inherit;
+	width: 1em;
+	margin-right: .2em;
+	text-align: center;
+	/* opacity: .8; */
+
+	/* For safety - reset parent styles, that can break glyph codes*/
+	font-variant: normal;
+	text-transform: none;
+
+	/* fix buttons height, for twitter bootstrap */
+	line-height: 1em;
+
+	/* Animation center compensation - margins should be symmetric */
+	/* remove if not needed */
+	margin-left: .2em;
+
+	/* you can be more comfortable with increased icons size */
+	/* font-size: 120%; */
+
+	/* Font smoothing. That was taken from TWBS */
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+
+	/* Uncomment for 3D effect */
+	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
+}
+
+
+.tw-button-icon__icon {
+	[class^="ffz-i-"], [class*=" ffz-i-"] {
+		font-size: 1.6rem
+	}
+}
+
+
+.ffz-i-zreknarf:before {
+	content: '\e801'; /* '' */
+	width: 1.3em;
+	margin: .5rem .05rem 0;
+}
+
+
+.ffz-i-cancel:before { content: '\e800'; } /* '' */
+.ffz-i-search:before { content: '\e802'; } /* '' */
+.ffz-i-clock:before { content: '\e803'; } /* '' */
+.ffz-i-star:before { content: '\e804'; } /* '' */
+.ffz-i-star-empty:before { content: '\e805'; } /* '' */
+.ffz-i-down-dir:before { content: '\e806'; } /* '' */
+.ffz-i-right-dir:before { content: '\e807'; } /* '' */
+.ffz-i-attention:before { content: '\e808'; } /* '' */
+.ffz-i-ok:before { content: '\e809'; } /* '' */
+.ffz-i-cog:before { content: '\e80a'; } /* '' */
+.ffz-i-plus:before { content: '\e80b'; } /* '' */
+.ffz-i-folder-open:before { content: '\e80c'; } /* '' */
+.ffz-i-download:before { content: '\e80d'; } /* '' */
+.ffz-i-upload:before { content: '\e80e'; } /* '' */
+.ffz-i-floppy:before { content: '\e80f'; } /* '' */
+.ffz-i-twitter:before { content: '\f099'; } /* '' */
+.ffz-i-gauge:before { content: '\f0e4'; } /* '' */
+.ffz-i-download-cloud:before { content: '\f0ed'; } /* '' */
+.ffz-i-upload-cloud:before { content: '\f0ee'; } /* '' */
+.ffz-i-keyboard:before { content: '\f11c'; } /* '' */
+.ffz-i-ellipsis-vert:before { content: '\f142'; } /* '' */
+.ffz-i-twitch:before { content: '\f1e8'; } /* '' */
+.ffz-i-trash:before { content: '\f1f8'; } /* '' */
+.ffz-i-window-maximize:before { content: '\f2d0'; } /* '' */
+.ffz-i-window-minimize:before { content: '\f2d1'; } /* '' */
+.ffz-i-window-restore:before { content: '\f2d2'; } /* '' */
+.ffz-i-window-close:before { content: '\f2d3'; } /* '' */
+
+
+.ffz-i-pd-1:before { margin-right: 1rem }
+.ffz-i-pd-2:before { margin-right: 2rem }
+.ffz-i-pd-3:before { margin-right: 3rem }
\ No newline at end of file
diff --git a/styles/main.scss b/styles/main.scss
new file mode 100644
index 00000000..155df2d1
--- /dev/null
+++ b/styles/main.scss
@@ -0,0 +1,12 @@
+@import 'icons';
+@import 'tooltips';
+@import 'widgets';
+
+@import 'chat';
+
+@keyframes ffz-rotateplane {
+	0% { transform: rotateY(90deg) rotateX(180deg) }
+	25% { transform: rotateY(0deg) rotateX(180deg) }
+	75% { transform: rotateY(0deg) rotateX(0deg) }
+	100% { transform: rotateY(90deg) rotateX(0deg) }
+}
\ No newline at end of file
diff --git a/styles/theme.scss b/styles/theme.scss
new file mode 100644
index 00000000..cc91ccd5
--- /dev/null
+++ b/styles/theme.scss
@@ -0,0 +1,2520 @@
+.theme--ffz, .theme--ffz .theme--dark, .theme--ffz.theme--dark {
+	--ffz-color-0: #2b2b2b;
+	--ffz-color-1: #dedede;
+	--ffz-color-2: #d9d9d9;
+	--ffz-color-3: #f0f0f0;
+	--ffz-color-4: #e3e3e3;
+	--ffz-color-5: #a3a3a3;
+	--ffz-color-6: #fff;
+	--ffz-color-7: #bfbfbf;
+	--ffz-color-8: hsla(0, 0%, 100%, 0.05);
+	--ffz-color-9: #949494;
+	--ffz-color-10: #7d7d7d;
+	--ffz-color-11: rgba(163,163,163, 0.2);
+	--ffz-color-12: #f2f2f2;
+	--ffz-color-13: rgba(163,163,163, 0.4);
+	--ffz-color-14: rgba(163,163,163, 0.1);
+	--ffz-color-15: rgba(163,163,163, 0.5);
+	--ffz-color-16: #ec1313;
+	--ffz-color-17: #a50d0d;
+	--ffz-color-18: #616161;
+	--ffz-color-19: rgba(0, 0, 0, 0.25);
+	--ffz-color-20: #14b866;
+	--ffz-color-21: #12a159;
+	--ffz-color-22: #404040;
+	--ffz-color-23: #1f1f1f;
+	--ffz-color-24: hsla(0, 0%, 100%, 0.3);
+	--ffz-color-25: #fafafa;
+	--ffz-color-26: #bfbfbf;
+	--ffz-color-27: rgba(0, 0, 0, 0.6);
+	--ffz-color-28: #5c5c5c;
+	--ffz-color-29: #121212;
+	--ffz-color-30: #d1d1d1;
+	--ffz-color-31: #ffb300;
+	--ffz-color-32: #cccccc;
+	--ffz-color-33: hsla(0, 0%, 100%, 0.15);
+	--ffz-color-34: #0e9bd8;
+	--ffz-color-35: #1c1c1c;
+	--ffz-color-36: #adadad;
+	--ffz-color-37: rgba(0, 0, 0, 0.34);
+	--ffz-color-38: rgba(0, 0, 0, 0.26);
+	--ffz-color-39: rgba(0, 0, 0, 0.28);
+	--ffz-color-40: #121212;
+	--ffz-color-41: #ffea00;
+	--ffz-color-42: rgba(125,125,125, 0.2);
+	--ffz-color-43: rgba(163,163,163, 0.25);
+	--ffz-color-44: rgba(92,92,92, 0.5);
+	--ffz-color-45: rgba(165, 13, 13, 0.2);
+	--ffz-color-46: rgba(236, 19, 19, 0.2);
+	--ffz-color-47: hsla(0, 0%, 100%, 0.8);
+	--ffz-color-48: hsla(0, 0%, 100%, 0.5);
+	--ffz-color-49: rgba(0, 0, 0, 0.05);
+	--ffz-color-50: hsla(0, 0%, 100%, 0.1);
+	--ffz-color-51: #e8e8e8;
+	--ffz-color-52: hsla(0, 0%, 73%, 0.9);
+	--ffz-color-53: #000;
+	--ffz-color-54: #4a4a4a;
+	--ffz-color-55: #3b5998;
+	--ffz-color-56: #45668e;
+	--ffz-color-57: #1da1f2;
+	--ffz-color-58: #ff4500;
+
+	body {
+		background-color: var(--ffz-color-0);
+		color: var(--ffz-color-1)
+	}
+	a {
+		color: var(--ffz-color-2)
+	}
+	a:hover {
+		color: var(--ffz-color-3)
+	}
+	a:focus {
+		color: var(--ffz-color-3)
+	}
+	a:active {
+		color: var(--ffz-color-4)
+	}
+	.button {
+		background-color: var(--ffz-color-5);
+		color: var(--ffz-color-6)
+	}
+	.button:focus, .button:hover {
+		background-color: var(--ffz-color-7);
+		color: var(--ffz-color-6)
+	}
+	.button:focus {
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.button:active {
+		background-color: var(--ffz-color-5);
+		color: var(--ffz-color-6);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.button:disabled {
+		background-color: var(--ffz-color-8);
+		color: var(--ffz-color-9);
+		border-color: var(--ffz-color-8);
+		box-shadow: none
+	}
+	.button:disabled:focus, .button:disabled:hover {
+		background-color: var(--ffz-color-8);
+		color: var(--ffz-color-9);
+		border-color: var(--ffz-color-8);
+		box-shadow: none
+	}
+	.button--checkbox, .button--hollow, .button--radio {
+		background-color: transparent;
+		color: var(--ffz-color-1);
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-10);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-10)
+	}
+	.button--checkbox:focus, .button--checkbox:hover, .button--hollow:focus, .button--hollow:hover, .button--radio:focus, .button--radio:hover {
+		background-color: var(--ffz-color-11);
+		color: var(--ffz-color-12)
+	}
+	.button--checkbox:focus, .button--hollow:focus, .button--radio:focus {
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-13);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-13)
+	}
+	.button--checkbox:active, .button--hollow:active, .button--radio:active {
+		background-color: var(--ffz-color-14);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-15);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-15);
+		color: var(--ffz-color-12)
+	}
+	.button--checkbox.button--dropmenu:after, .button--hollow.button--dropmenu:after, .button--radio.button--dropmenu:after {
+		border-color: var(--ffz-color-1);
+		border-right-color: transparent;
+		border-bottom-color: transparent;
+		border-left-color: transparent
+	}
+	.button--checkbox.button--dropmenu:focus:after, .button--checkbox.button--dropmenu:hover:after, .button--hollow.button--dropmenu:focus:after, .button--hollow.button--dropmenu:hover:after, .button--radio.button--dropmenu:focus:after, .button--radio.button--dropmenu:hover:after {
+		border-color: var(--ffz-color-12);
+		border-right-color: transparent;
+		border-bottom-color: transparent;
+		border-left-color: transparent
+	}
+	.button--checkbox, .button--radio {
+		background-color: transparent;
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-10);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-10);
+		color: var(--ffz-color-1)
+	}
+	.button--checkbox:nth-of-type(n+2), .button--radio:nth-of-type(n+2) {
+		-webkit-box-shadow: inset -1px 0 0 var(--ffz-color-10), inset 0 1px 0 var(--ffz-color-10), inset 0 -1px 0 var(--ffz-color-10);
+		box-shadow: inset -1px 0 0 var(--ffz-color-10), inset 0 1px 0 var(--ffz-color-10), inset 0 -1px 0 var(--ffz-color-10)
+	}
+	.button--checkbox [type=checkbox]:focus + .button__label, .button--checkbox [type=radio]:focus + .button__label, .button--radio [type=checkbox]:focus + .button__label, .button--radio [type=radio]:focus + .button__label {
+		background-color: var(--ffz-color-11);
+		color: var(--ffz-color-12);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.button--checkbox [type=checkbox]:active + .button__label, .button--checkbox [type=radio]:active + .button__label, .button--radio [type=checkbox]:active + .button__label, .button--radio [type=radio]:active + .button__label {
+		background-color: var(--ffz-color-14);
+		color: var(--ffz-color-12);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.button--checkbox [type=checkbox]:checked + .button__label, .button--checkbox [type=radio]:checked + .button__label, .button--radio [type=checkbox]:checked + .button__label, .button--radio [type=radio]:checked + .button__label {
+		background-color: var(--ffz-color-5);
+		color: var(--ffz-color-6)
+	}
+	.button--checkbox [type=checkbox]:focus + .button__label, .button--radio [type=checkbox]:focus + .button__label {
+		background-color: var(--ffz-color-11);
+		color: var(--ffz-color-12);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.button--checkbox [type=checkbox]:active + .button__label, .button--radio [type=checkbox]:active + .button__label {
+		background-color: var(--ffz-color-14);
+		color: var(--ffz-color-12);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.button--checkbox [type=checkbox]:checked:focus + .button__label, .button--radio [type=checkbox]:checked:focus + .button__label {
+		background-color: var(--ffz-color-7);
+		color: var(--ffz-color-6)
+	}
+	.button--checkbox [type=checkbox]:checked:active + .button__label, .button--radio [type=checkbox]:checked:active + .button__label {
+		background-color: var(--ffz-color-5);
+		color: var(--ffz-color-6)
+	}
+	.button--text {
+		background-color: transparent;
+		color: var(--ffz-color-1)
+	}
+	.button--text:focus, .button--text:hover {
+		background-color: var(--ffz-color-11);
+		color: var(--ffz-color-12)
+	}
+	.button--text:focus {
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-13);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-13)
+	}
+	.button--text:active {
+		background-color: var(--ffz-color-14);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-15);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-15);
+		color: var(--ffz-color-12)
+	}
+	.button--text.button--dropmenu:after {
+		border-color: var(--ffz-color-1);
+		border-right-color: transparent;
+		border-bottom-color: transparent;
+		border-left-color: transparent
+	}
+	.button--text.button--dropmenu:hover:after {
+		border-color: var(--ffz-color-12);
+		border-right-color: transparent;
+		border-bottom-color: transparent;
+		border-left-color: transparent
+	}
+	.button--alert {
+		background-color: var(--ffz-color-16);
+		color: var(--ffz-color-6);
+		border-color: var(--ffz-color-16)
+	}
+	.button--alert:focus, .button--alert:hover {
+		background-color: var(--ffz-color-17);
+		color: var(--ffz-color-6);
+		border-color: var(--ffz-color-17)
+	}
+	.button--alert:active {
+		background-color: var(--ffz-color-16);
+		color: var(--ffz-color-6);
+		border-color: var(--ffz-color-16)
+	}
+	.button--icon figure svg {
+		fill: var(--ffz-color-6)
+	}
+	.button--icon.button--hollow figure svg {
+		fill: var(--ffz-color-1)
+	}
+	.button--icon.button--text figure svg {
+		fill: var(--ffz-color-1)
+	}
+	.button--icon-only {
+		background-color: transparent
+	}
+	.button--icon-only figure svg {
+		fill: var(--ffz-color-1)
+	}
+	.button--icon-only:focus {
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-13);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-13)
+	}
+	.button--icon-only:focus, .button--icon-only:hover {
+		background-color: var(--ffz-color-11)
+	}
+	.button--icon-only:focus figure svg, .button--icon-only:hover figure svg {
+		fill: var(--ffz-color-12)
+	}
+	.button--icon-only:active {
+		background-color: var(--ffz-color-14)
+	}
+	.button--icon-only:active figure svg {
+		fill: var(--ffz-color-12)
+	}
+	.button--icon-only.button--secondary figure svg {
+		fill: var(--ffz-color-9)
+	}
+	.button--icon-only.button--secondary:focus figure svg, .button--icon-only.button--secondary:hover figure svg {
+		fill: var(--ffz-color-18)
+	}
+	.button--icon-only.button--secondary:active figure svg {
+		fill: var(--ffz-color-18)
+	}
+	.button--icon-only.button--dropmenu:after {
+		border-color: var(--ffz-color-1);
+		border-right-color: transparent;
+		border-bottom-color: transparent;
+		border-left-color: transparent
+	}
+	.button--icon-only.button--dropmenu:hover:after {
+		border-color: var(--ffz-color-12);
+		border-right-color: transparent;
+		border-bottom-color: transparent;
+		border-left-color: transparent
+	}
+	.button--dropmenu:after {
+		border-color: var(--ffz-color-6);
+		border-right-color: transparent;
+		border-bottom-color: transparent;
+		border-left-color: transparent
+	}
+	.button__num-block {
+		background-color: var(--ffz-color-19)
+	}
+	.button--status {
+		background-color: var(--ffz-color-20);
+		color: var(--ffz-color-6);
+		border-color: var(--ffz-color-20)
+	}
+	.button--status.button--icon.button--icon-only figure svg {
+		fill: var(--ffz-color-6)
+	}
+	.button--status:focus, .button--status:hover {
+		background-color: var(--ffz-color-17);
+		color: var(--ffz-color-6);
+		border-color: var(--ffz-color-16)
+	}
+	.button--status:active {
+		background-color: var(--ffz-color-16);
+		color: var(--ffz-color-6);
+		border-color: var(--ffz-color-16)
+	}
+	.button--success {
+		background-color: var(--ffz-color-20);
+		color: var(--ffz-color-6);
+		border-color: var(--ffz-color-20)
+	}
+	.button--success:focus, .button--success:hover {
+		background-color: var(--ffz-color-21);
+		color: var(--ffz-color-6);
+		border-color: var(--ffz-color-20)
+	}
+	.button--success:active {
+		background-color: var(--ffz-color-20);
+		color: var(--ffz-color-6);
+		border-color: var(--ffz-color-20)
+	}
+	.button--disabled {
+		background-color: var(--ffz-color-8);
+		color: var(--ffz-color-9);
+		border-color: var(--ffz-color-8)
+	}
+	.button--disabled:focus, .button--disabled:hover {
+		background-color: var(--ffz-color-8);
+		color: var(--ffz-color-9);
+		border-color: var(--ffz-color-8)
+	}
+	.card a:hover {
+		color: var(--ffz-color-1)
+	}
+	.card--bordered {
+		background-color: var(--ffz-color-0);
+		border-color: var(--ffz-color-22)
+	}
+	.card__img {
+		background-color: var(--ffz-color-23)
+	}
+	.card__img--avatar:after {
+		border-color: var(--ffz-color-24)
+	}
+	.card__body--alt {
+		background-color: var(--ffz-color-23)
+	}
+	.card__overlay .card__bread, .card__overlay .card__title {
+		color: var(--ffz-color-25)
+	}
+	.card__overlay .card__info {
+		color: var(--ffz-color-26)
+	}
+	a:focus .card__overlay .card__title, a:hover .card__overlay .card__title {
+		color: var(--ffz-color-25)
+	}
+	.card__bread {
+		color: var(--ffz-color-9)
+	}
+	.card__bread a {
+		color: var(--ffz-color-9)
+	}
+	.card__title {
+		color: var(--ffz-color-1)
+	}
+	.card__title a {
+		color: var(--ffz-color-1)
+	}
+	.card__title a:hover {
+		color: var(--ffz-color-2)
+	}
+	a:hover .card__title {
+		color: var(--ffz-color-2)
+	}
+	.card__info {
+		color: var(--ffz-color-9)
+	}
+	.card__info a {
+		color: var(--ffz-color-9)
+	}
+	.card__info a:hover {
+		color: var(--ffz-color-2)
+	}
+	.card__meta {
+		background-color: var(--ffz-color-27);
+		color: var(--ffz-color-25)
+	}
+	.card__meta svg {
+		fill: var(--ffz-color-25)
+	}
+	.card__delete svg {
+		fill: var(--ffz-color-26)
+	}
+	.form__icon svg {
+		fill: var(--ffz-color-25)
+	}
+	.form__input[type=email], .form__input[type=password], .form__input[type=search], .form__input[type=text], select.form__input, textarea.form__input {
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-28), 0 0 0 transparent;
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28), 0 0 0 transparent;
+		background-color: var(--ffz-color-29);
+		color: var(--ffz-color-25)
+	}
+	.form__input[type=email]::-webkit-input-placeholder, .form__input[type=password]::-webkit-input-placeholder, .form__input[type=search]::-webkit-input-placeholder, .form__input[type=text]::-webkit-input-placeholder, select.form__input::-webkit-input-placeholder, textarea.form__input::-webkit-input-placeholder {
+		color: var(--ffz-color-9)
+	}
+	.form__input[type=email]::-moz-placeholder, .form__input[type=password]::-moz-placeholder, .form__input[type=search]::-moz-placeholder, .form__input[type=text]::-moz-placeholder, select.form__input::-moz-placeholder, textarea.form__input::-moz-placeholder {
+		color: var(--ffz-color-9)
+	}
+	.form__input[type=email]:-ms-input-placeholder, .form__input[type=password]:-ms-input-placeholder, .form__input[type=search]:-ms-input-placeholder, .form__input[type=text]:-ms-input-placeholder, select.form__input:-ms-input-placeholder, textarea.form__input:-ms-input-placeholder {
+		color: var(--ffz-color-9)
+	}
+	.form__input[type=email]::placeholder, .form__input[type=password]::placeholder, .form__input[type=search]::placeholder, .form__input[type=text]::placeholder, select.form__input::placeholder, textarea.form__input::placeholder {
+		color: var(--ffz-color-9)
+	}
+	.form__input[type=email]:focus, .form__input[type=password]:focus, .form__input[type=search]:focus, .form__input[type=text]:focus, select.form__input:focus, textarea.form__input:focus {
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7)
+	}
+	.form__input[type=checkbox], .form__input[type=radio] {
+		color: var(--ffz-color-25)
+	}
+	.form__input[type=checkbox] + label, .form__input[type=radio] + label {
+		color: var(--ffz-color-25)
+	}
+	.form__input[type=checkbox] + label:before, .form__input[type=radio] + label:before {
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-28), 0 0 0 transparent;
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28), 0 0 0 transparent;
+		background-color: var(--ffz-color-29)
+	}
+	.form__input[type=checkbox]:focus + label:before, .form__input[type=radio]:focus + label:before {
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7)
+	}
+	.form__input[type=checkbox]:checked + label:before {
+		background-color: var(--ffz-color-7);
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-7);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-7)
+	}
+	.form__input[type=checkbox]:checked + label:after {
+		border-bottom-color: var(--ffz-color-6);
+		border-left-color: var(--ffz-color-6)
+	}
+	.form__input[type=checkbox]:checked:checked:focus + label:before {
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7)
+	}
+	.form__input[type=radio] + label:after {
+		background-color: var(--ffz-color-29)
+	}
+	.form__input[type=radio]:checked + label:after {
+		background-color: var(--ffz-color-7)
+	}
+	.form__label {
+		color: var(--ffz-color-25)
+	}
+	.form__label--optional:after {
+		color: var(--ffz-color-9)
+	}
+	.form__hint {
+		color: var(--ffz-color-9)
+	}
+	.form__group--error .form__label {
+		color: var(--ffz-color-16)
+	}
+	.form__group--error .form__input, .form__group--error .form__input:focus {
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-16);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-16)
+	}
+	.form__group--error .form__hint--error {
+		color: var(--ffz-color-16)
+	}
+	.form__input[type=range]::-moz-range-track {
+		background-color: var(--ffz-color-28);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28)
+	}
+	.form__input[type=range]::-ms-track {
+		background-color: var(--ffz-color-28);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28)
+	}
+	.form__input[type=range]::-webkit-slider-runnable-track {
+		background-color: var(--ffz-color-28);
+		-webkit-box-shadow: var(--ffz-color-28) 0 0 0 1px inset;
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28)
+	}
+	.form__input[type=range]::-moz-range-thumb {
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28)
+	}
+	.form__input[type=range]::-ms-thumb {
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28)
+	}
+	.form__input[type=range]::-webkit-slider-thumb {
+		-webkit-box-shadow: var(--ffz-color-28) 0 0 0 1px inset;
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28)
+	}
+	.form__input[type=range]::-ms-fill-lower {
+		background-color: var(--ffz-color-28);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28)
+	}
+	.form__input[type=range]::-ms-fill-upper {
+		background-color: var(--ffz-color-28);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28)
+	}
+	.form__input[type=range]:focus::-moz-range-thumb {
+		box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7)
+	}
+	.form__input[type=range]:focus::-ms-thumb {
+		box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7)
+	}
+	.form__input[type=range]:focus::-webkit-slider-thumb {
+		-webkit-box-shadow: var(--ffz-color-7) 0 0 0 1px inset, 0 0 6px -2px var(--ffz-color-7);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7)
+	}
+	.tw-tabs {
+		-webkit-box-shadow: inset 0 -1px 0 var(--ffz-color-28);
+		box-shadow: inset 0 -1px 0 var(--ffz-color-28)
+	}
+	.tw-tabs__item > a, .tw-tabs__item > button {
+		color: var(--ffz-color-30)
+	}
+	.tw-tabs__item > a:hover, .tw-tabs__item > button:hover {
+		-webkit-box-shadow: 0 -1px 0 var(--ffz-color-5) inset;
+		box-shadow: inset 0 -1px 0 var(--ffz-color-5)
+	}
+	.tw-tabs__item > a:focus, .tw-tabs__item > button:focus {
+		-webkit-box-shadow: 0 -2px 0 var(--ffz-color-5) inset, 0 4px 6px -4px var(--ffz-color-7);
+		box-shadow: inset 0 -2px 0 var(--ffz-color-5), 0 4px 6px -4px var(--ffz-color-7)
+	}
+	.tw-tabs__item > a.active, .tw-tabs__item > button.active {
+		color: var(--ffz-color-25);
+		-webkit-box-shadow: 0 -1px 0 var(--ffz-color-5) inset;
+		box-shadow: inset 0 -1px 0 var(--ffz-color-5)
+	}
+	.brick {
+		background-color: var(--ffz-color-0);
+		border-color: var(--ffz-color-22)
+	}
+	.balloon-wrapper--hotspot:after {
+		background-color: var(--ffz-color-7)
+	}
+	.balloon-wrapper--hotspot:hover:after {
+		background-color: var(--ffz-color-7)
+	}
+	.balloon {
+		background-color: var(--ffz-color-0);
+		color: var(--ffz-color-1);
+		-webkit-box-shadow: 0 0 0 1px var(--ffz-color-22), 0 1px 1px var(--ffz-color-19);
+		box-shadow: 0 0 0 1px var(--ffz-color-22), 0 1px 1px var(--ffz-color-19)
+	}
+	.balloon:after {
+		background-color: var(--ffz-color-0)
+	}
+	.balloon--left:after {
+		-webkit-box-shadow: 1px -1px 0 var(--ffz-color-22);
+		box-shadow: 1px -1px 0 var(--ffz-color-22)
+	}
+	.balloon--right:after {
+		-webkit-box-shadow: -1px 1px 0 var(--ffz-color-22);
+		box-shadow: -1px 1px 0 var(--ffz-color-22)
+	}
+	.balloon--up:after {
+		-webkit-box-shadow: 1px 1px 0 var(--ffz-color-22);
+		box-shadow: 1px 1px 0 var(--ffz-color-22)
+	}
+	.balloon--down:after {
+		-webkit-box-shadow: -1px -1px 0 var(--ffz-color-22);
+		box-shadow: -1px -1px 0 var(--ffz-color-22)
+	}
+	.balloon--tooltip {
+		background-color: var(--ffz-color-6);
+		color: var(--ffz-color-29);
+		box-shadow: none
+	}
+	.balloon--tooltip:after {
+		background-color: var(--ffz-color-6);
+		box-shadow: none
+	}
+	.balloon--cols .balloon__list ~ .balloon__list {
+		-webkit-box-shadow: -1px 0 0 var(--ffz-color-22);
+		box-shadow: -1px 0 0 var(--ffz-color-22)
+	}
+	.balloon .balloon__link {
+		color: var(--ffz-color-2)
+	}
+	.balloon .balloon__link.balloon__link--selected {
+		background-color: var(--ffz-color-28) !important
+	}
+	.balloon .balloon__link.balloon__link--active, .balloon .balloon__link:hover {
+		background-color: var(--ffz-color-10);
+		color: var(--ffz-color-6)
+	}
+	.balloon__link.balloon__link--alert {
+		color: var(--ffz-color-16)
+	}
+	.balloon__link.balloon__link--disabled {
+		color: var(--ffz-color-9)
+	}
+	.balloon__title {
+		color: var(--ffz-color-9)
+	}
+	.balloon__stroke {
+		border-bottom-color: var(--ffz-color-22)
+	}
+	.balloon--alert {
+		background-color: var(--ffz-color-16)
+	}
+	.balloon--alert {
+		color: var(--ffz-color-6) !important
+	}
+	.balloon--alert:after {
+		background-color: var(--ffz-color-16)
+	}
+	.balloon--alert:after {
+		color: var(--ffz-color-6)
+	}
+	.pill {
+		background-color: var(--ffz-color-28);
+		color: var(--ffz-color-6)
+	}
+	.progress-bar {
+		background-color: var(--ffz-color-10)
+	}
+	.progress-bar__fill {
+		background-color: var(--ffz-color-20)
+	}
+	.progress-bar--error {
+		background-color: var(--ffz-color-16)
+	}
+	.progress-bar--caution {
+		background-color: var(--ffz-color-31)
+	}
+	.progress-bar--countdown .progress-bar__fill {
+		background-color: var(--ffz-color-32)
+	}
+	.toggle input[type=checkbox]:focus + .toggle__button {
+		background-color: var(--ffz-color-10);
+		-webkit-box-shadow: 0 0 6px -2px var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-7);
+		box-shadow: 0 0 6px -2px var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-7)
+	}
+	.toggle input[type=checkbox]:checked + .toggle__button {
+		background-color: var(--ffz-color-20)
+	}
+	.toggle input[type=checkbox]:checked + .toggle__button:before {
+		border-bottom-color: var(--ffz-color-6);
+		border-left-color: var(--ffz-color-6)
+	}
+	.toggle__button {
+		background-color: var(--ffz-color-10)
+	}
+	.toggle__button:hover {
+		background-color: var(--ffz-color-10)
+	}
+	.toggle__button:after {
+		background-color: var(--ffz-color-6)
+	}
+	.toggle__label-off, .toggle__label-on {
+		color: var(--ffz-color-9)
+	}
+	.border {
+		border-color: var(--ffz-color-22)
+	}
+	.border-t {
+		border-top-color: var(--ffz-color-22)
+	}
+	.border-r {
+		border-right-color: var(--ffz-color-22)
+	}
+	.border-b {
+		border-bottom-color: var(--ffz-color-22)
+	}
+	.border-l {
+		border-left-color: var(--ffz-color-22)
+	}
+	.border--marked {
+		border-left-color: var(--ffz-color-5) !important
+	}
+	.c-background-body {
+		background-color: var(--ffz-color-23) !important
+	}
+	.c-background {
+		background-color: var(--ffz-color-0) !important
+	}
+	.c-background-alt {
+		background-color: var(--ffz-color-23) !important
+	}
+	.c-background-alt-2 {
+		background-color: var(--ffz-color-29) !important
+	}
+	.c-background-accent {
+		background-color: var(--ffz-color-5) !important
+	}
+	.c-background-accent-alt {
+		background-color: var(--ffz-color-28) !important
+	}
+	.c-background-accent-alt-2 {
+		background-color: var(--ffz-color-22) !important
+	}
+	.c-background-placeholder {
+		background-color: var(--ffz-color-8) !important
+	}
+	.c-background-overlay-placeholder {
+		background-color: var(--ffz-color-33) !important
+	}
+	.c-background-live {
+		background-color: var(--ffz-color-16) !important
+	}
+	.c-background-prime {
+		background-color: var(--ffz-color-34) !important
+	}
+	.c-background-tooltip {
+		background-color: var(--ffz-color-6) !important
+	}
+	.c-background-overlay {
+		background-color: var(--ffz-color-27) !important
+	}
+	.c-background-top-nav {
+		background-color: var(--ffz-color-28) !important
+	}
+	.c-background-chat {
+		background-color: var(--ffz-color-29) !important
+	}
+	.c-background-chat-alt {
+		background-color: var(--ffz-color-0) !important
+	}
+	.c-background-chat-header {
+		background-color: var(--ffz-color-23) !important
+	}
+	.c-background-chat-line-mentioning {
+		background-color: var(--ffz-color-28) !important
+	}
+	.c-background-chat-line-mentioned {
+		background-color: var(--ffz-color-12) !important
+	}
+	.c-background-modal-overlay {
+		background-color: var(--ffz-color-27) !important
+	}
+	.c-background-modal {
+		background-color: var(--ffz-color-0) !important
+	}
+	.c-background-graph {
+		background-color: var(--ffz-color-23) !important
+	}
+	.c-background-graph-fill {
+		background-color: var(--ffz-color-7) !important
+	}
+	.c-text {
+		color: var(--ffz-color-1) !important
+	}
+	.c-text-alt {
+		color: var(--ffz-color-26) !important
+	}
+	.c-text-alt-2 {
+		color: var(--ffz-color-9) !important
+	}
+	.c-text-link {
+		color: var(--ffz-color-2) !important
+	}
+	.c-text-link-hover {
+		color: var(--ffz-color-3) !important
+	}
+	.c-text-link-focus {
+		color: var(--ffz-color-3) !important
+	}
+	.c-text-link-active {
+		color: var(--ffz-color-4) !important
+	}
+	.c-text-link-visited {
+		color: var(--ffz-color-2) !important
+	}
+	.c-text-alert, .c-text-live {
+		color: var(--ffz-color-16) !important
+	}
+	.c-text-prime {
+		color: var(--ffz-color-34) !important
+	}
+	.c-text-hint {
+		color: var(--ffz-color-9) !important
+	}
+	.c-text-error {
+		color: var(--ffz-color-16) !important
+	}
+	.c-text-tooltip {
+		color: var(--ffz-color-29) !important
+	}
+	.c-text-overlay {
+		color: var(--ffz-color-25) !important
+	}
+	.c-text-overlay-alt {
+		color: var(--ffz-color-26) !important
+	}
+	.c-text-chat-line-mentioning {
+		color: var(--ffz-color-6) !important
+	}
+	.c-text-chat-line-mentioned {
+		color: var(--ffz-color-35) !important
+	}
+	.c-border {
+		border-color: var(--ffz-color-22) !important
+	}
+	.c-border-brand {
+		border-color: var(--ffz-color-5) !important
+	}
+	.c-border-alert, .c-border-error {
+		border-color: var(--ffz-color-16) !important
+	}
+	.c-border-whisper-incoming {
+		border-color: var(--ffz-color-2) !important
+	}
+	.c-border-whisper-outgoing {
+		border-color: var(--ffz-color-36) !important
+	}
+	.c-border-spinner {
+		border-color: var(--ffz-color-33) !important
+	}
+	.c-border-spinner-fill {
+		border-color: var(--ffz-color-1) !important
+	}
+	.elevation-1 {
+		-webkit-box-shadow: 0 2px 4px -1px var(--ffz-color-37), 0 2px 2px -2px var(--ffz-color-38), 0 1px 4px 0 var(--ffz-color-39) !important;
+		box-shadow: 0 2px 4px -1px var(--ffz-color-37), 0 2px 2px -2px var(--ffz-color-38), 0 1px 4px 0 var(--ffz-color-39) !important
+	}
+	.elevation-2 {
+		-webkit-box-shadow: 0 4px 6px -2px var(--ffz-color-37), 0 3px 4px -2px var(--ffz-color-38), 0 1px 8px 0 var(--ffz-color-39) !important;
+		box-shadow: 0 4px 6px -2px var(--ffz-color-37), 0 3px 4px -2px var(--ffz-color-38), 0 1px 8px 0 var(--ffz-color-39) !important
+	}
+	.elevation-3 {
+		-webkit-box-shadow: 0 6px 10px 0 var(--ffz-color-37), 0 1px 8px -3px var(--ffz-color-38), 0 2px 16px 0 var(--ffz-color-39) !important;
+		box-shadow: 0 6px 10px 0 var(--ffz-color-37), 0 1px 8px -3px var(--ffz-color-38), 0 2px 16px 0 var(--ffz-color-39) !important
+	}
+	.elevation-4 {
+		-webkit-box-shadow: 0 10px 14px 4px var(--ffz-color-37), 0 6px 14px -6px var(--ffz-color-38), 0 4px 24px 0 var(--ffz-color-39) !important;
+		box-shadow: 0 10px 14px 4px var(--ffz-color-37), 0 6px 14px -6px var(--ffz-color-38), 0 4px 24px 0 var(--ffz-color-39) !important
+	}
+	.elevation-5 {
+		-webkit-box-shadow: 0 14px 20px 8px var(--ffz-color-37), 0 10px 22px -8px var(--ffz-color-38), 0 8px 38px 0 var(--ffz-color-39) !important;
+		box-shadow: 0 14px 20px 8px var(--ffz-color-37), 0 10px 22px -8px var(--ffz-color-38), 0 8px 38px 0 var(--ffz-color-39) !important
+	}
+	.twilight-root {
+		background-color: var(--ffz-color-23);
+		color: var(--ffz-color-1)
+	}
+	.tw-typeset p code {
+		background-color: var(--ffz-color-29)
+	}
+	.tw-typeset pre {
+		border-color: var(--ffz-color-22);
+		background-color: var(--ffz-color-29)
+	}
+	.tw-typeset blockquote {
+		border-left-color: var(--ffz-color-5)
+	}
+	.tw-typeset hr {
+		border-bottom-color: var(--ffz-color-22)
+	}
+	.tw-tooltip {
+		background-color: var(--ffz-color-6);
+		color: var(--ffz-color-29)
+	}
+	.tw-tooltip:after {
+		background-color: var(--ffz-color-6)
+	}
+	.tw-thumbnail-card a:hover .tw-thumbnail-card__title {
+		color: var(--ffz-color-2)
+	}
+	.tw-thumbnail-card__title {
+		color: var(--ffz-color-1)
+	}
+	.tw-thumbnail-card__meta {
+		color: var(--ffz-color-9)
+	}
+	.tw-textarea {
+		background-color: var(--ffz-color-29);
+		color: var(--ffz-color-25);
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-28), 0 0 0 transparent;
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28), 0 0 0 transparent
+	}
+	.tw-textarea::-webkit-input-placeholder {
+		color: var(--ffz-color-9)
+	}
+	.tw-textarea::-moz-placeholder {
+		color: var(--ffz-color-9)
+	}
+	.tw-textarea:-ms-input-placeholder {
+		color: var(--ffz-color-9)
+	}
+	.tw-textarea::placeholder {
+		color: var(--ffz-color-9)
+	}
+	.tw-textarea:focus {
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7)
+	}
+	.tw-textarea--error {
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-16);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-16)
+	}
+	.tw-tab-nav {
+		-webkit-box-shadow: inset 0 -1px 0 var(--ffz-color-28);
+		box-shadow: inset 0 -1px 0 var(--ffz-color-28)
+	}
+	.tw-tab-nav__item:not(.tw-tab-nav__item--disabled) a, .tw-tab-nav__item:not(.tw-tab-nav__item--disabled) button {
+		color: var(--ffz-color-30)
+	}
+	.tw-tab-nav__item:not(.tw-tab-nav__item--disabled) a:hover, .tw-tab-nav__item:not(.tw-tab-nav__item--disabled) button:hover {
+		-webkit-box-shadow: 0 -1px 0 var(--ffz-color-5) inset;
+		box-shadow: inset 0 -1px 0 var(--ffz-color-5)
+	}
+	.tw-tab-nav__item:not(.tw-tab-nav__item--disabled) a:focus, .tw-tab-nav__item:not(.tw-tab-nav__item--disabled) button:focus {
+		-webkit-box-shadow: 0 -2px 0 var(--ffz-color-5) inset, 0 4px 6px -4px var(--ffz-color-7);
+		box-shadow: inset 0 -2px 0 var(--ffz-color-5), 0 4px 6px -4px var(--ffz-color-7)
+	}
+	.tw-tab-nav__item:not(.tw-tab-nav__item--disabled) a.active, .tw-tab-nav__item:not(.tw-tab-nav__item--disabled) button.active {
+		color: var(--ffz-color-25);
+		-webkit-box-shadow: 0 -1px 0 var(--ffz-color-5) inset;
+		box-shadow: inset 0 -1px 0 var(--ffz-color-5)
+	}
+	.tw-tab-nav__item--disabled a, .tw-tab-nav__item--disabled button {
+		color: var(--ffz-color-9)
+	}
+	.tw-tab-nav__item--disabled a:hover, .tw-tab-nav__item--disabled button:hover {
+		color: var(--ffz-color-9)
+	}
+	.tw-select {
+		background-color: var(--ffz-color-29);
+		color: var(--ffz-color-25);
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-28), 0 0 0 transparent;
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28), 0 0 0 transparent
+	}
+	.tw-select::-webkit-input-placeholder {
+		color: var(--ffz-color-9)
+	}
+	.tw-select::-moz-placeholder {
+		color: var(--ffz-color-9)
+	}
+	.tw-select:-ms-input-placeholder {
+		color: var(--ffz-color-9)
+	}
+	.tw-select::placeholder {
+		color: var(--ffz-color-9)
+	}
+	.tw-select:focus {
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7)
+	}
+	.tw-select--error {
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-16);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-16)
+	}
+	.tw-button--checkbox, .tw-button--radio {
+		border-color: var(--ffz-color-10);
+		background-color: transparent;
+		color: var(--ffz-color-1)
+	}
+	.tw-button--checkbox:hover, .tw-button--radio:hover {
+		border-color: var(--ffz-color-13);
+		background-color: var(--ffz-color-11);
+		color: var(--ffz-color-12)
+	}
+	.tw-button--checkbox:focus, .tw-button--radio:focus {
+		border-color: var(--ffz-color-13);
+		background-color: var(--ffz-color-11);
+		color: var(--ffz-color-12);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.tw-button--checkbox:active, .tw-button--radio:active {
+		border-color: var(--ffz-color-15);
+		background-color: var(--ffz-color-14);
+		color: var(--ffz-color-12);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.tw-button--checkbox [type=checkbox]:focus + .tw-button__label, .tw-button--checkbox [type=radio]:focus + .tw-button__label, .tw-button--radio [type=checkbox]:focus + .tw-button__label, .tw-button--radio [type=radio]:focus + .tw-button__label {
+		background-color: var(--ffz-color-11);
+		color: var(--ffz-color-12);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.tw-button--checkbox [type=checkbox]:active + .tw-button__label, .tw-button--checkbox [type=radio]:active + .tw-button__label, .tw-button--radio [type=checkbox]:active + .tw-button__label, .tw-button--radio [type=radio]:active + .tw-button__label {
+		background-color: var(--ffz-color-14);
+		color: var(--ffz-color-12);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.tw-button--checkbox [type=checkbox]:checked + .tw-button__label, .tw-button--checkbox [type=radio]:checked + .tw-button__label, .tw-button--radio [type=checkbox]:checked + .tw-button__label, .tw-button--radio [type=radio]:checked + .tw-button__label {
+		background-color: var(--ffz-color-5);
+		color: var(--ffz-color-6)
+	}
+	.tw-button--checkbox [type=checkbox]:focus + .tw-button__label, .tw-button--radio [type=checkbox]:focus + .tw-button__label {
+		background-color: var(--ffz-color-11);
+		color: var(--ffz-color-12);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.tw-button--checkbox [type=checkbox]:active + .tw-button__label, .tw-button--radio [type=checkbox]:active + .tw-button__label {
+		background-color: var(--ffz-color-14);
+		color: var(--ffz-color-12);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.tw-button--checkbox [type=checkbox]:checked:focus + .tw-button__label, .tw-button--radio [type=checkbox]:checked:focus + .tw-button__label {
+		background-color: var(--ffz-color-7);
+		color: var(--ffz-color-6)
+	}
+	.tw-button--checkbox [type=checkbox]:checked:active + .tw-button__label, .tw-button--radio [type=checkbox]:checked:active + .tw-button__label {
+		background-color: var(--ffz-color-5);
+		color: var(--ffz-color-6)
+	}
+	.tw-range, .tw-range:active, .tw-range:focus, .tw-range:hover {
+		background-color: transparent;
+		box-shadow: none
+	}
+	.tw-range::-moz-range-track {
+		background-color: var(--ffz-color-28);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28)
+	}
+	.tw-range::-ms-track {
+		background-color: var(--ffz-color-28);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28)
+	}
+	.tw-range::-webkit-slider-runnable-track {
+		background-color: var(--ffz-color-28);
+		-webkit-box-shadow: var(--ffz-color-28) 0 0 0 1px inset;
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28)
+	}
+	.tw-range::-moz-range-thumb {
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28)
+	}
+	.tw-range::-ms-thumb {
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28)
+	}
+	.tw-range::-webkit-slider-thumb {
+		-webkit-box-shadow: var(--ffz-color-28) 0 0 0 1px inset;
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28)
+	}
+	.tw-range::-ms-fill-lower {
+		background-color: var(--ffz-color-28);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28)
+	}
+	.tw-range::-ms-fill-upper {
+		background-color: var(--ffz-color-28);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28)
+	}
+	.tw-range:focus::-moz-range-thumb {
+		box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7)
+	}
+	.tw-range:focus::-ms-thumb {
+		box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7)
+	}
+	.tw-range:focus::-webkit-slider-thumb {
+		-webkit-box-shadow: var(--ffz-color-7) 0 0 0 1px inset, 0 0 6px -2px var(--ffz-color-7);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7)
+	}
+	.tw-range--error::-moz-range-thumb {
+		box-shadow: inset 0 0 0 1px var(--ffz-color-16)
+	}
+	.tw-range--error::-ms-thumb {
+		box-shadow: inset 0 0 0 1px var(--ffz-color-16)
+	}
+	.tw-range--error::-webkit-slider-thumb {
+		-webkit-box-shadow: var(--ffz-color-16) 0 0 0 1px inset;
+		box-shadow: inset 0 0 0 1px var(--ffz-color-16)
+	}
+	.tw-toggle__input:focus + .tw-toggle__button {
+		background-color: var(--ffz-color-10);
+		-webkit-box-shadow: 0 0 6px -2px var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-7);
+		box-shadow: 0 0 6px -2px var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-7)
+	}
+	.tw-toggle__input:checked + .tw-toggle__button {
+		background-color: var(--ffz-color-20)
+	}
+	.tw-toggle__input:checked + .tw-toggle__button:before {
+		border-bottom-color: var(--ffz-color-6);
+		border-left-color: var(--ffz-color-6)
+	}
+	.tw-toggle__button {
+		background-color: var(--ffz-color-10)
+	}
+	.tw-toggle__button:hover {
+		background-color: var(--ffz-color-10)
+	}
+	.tw-toggle__button:after {
+		background-color: var(--ffz-color-6)
+	}
+	.tw-toggle--error .tw-toggle__button {
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-16), 0 0 0 transparent;
+		box-shadow: inset 0 0 0 1px var(--ffz-color-16), 0 0 0 transparent
+	}
+	.tw-radio__input {
+		color: var(--ffz-color-25)
+	}
+	.tw-radio__input:checked + .tw-radio__label:after {
+		background-color: var(--ffz-color-7)
+	}
+	.tw-radio__input:focus + .tw-radio__label:before {
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7)
+	}
+	.tw-radio__label {
+		color: var(--ffz-color-25)
+	}
+	.tw-radio__label:before {
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-28), 0 0 0 transparent;
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28), 0 0 0 transparent
+	}
+	.tw-radio__label:before {
+		background-color: var(--ffz-color-29)
+	}
+	.tw-radio__label:after {
+		background-color: var(--ffz-color-29)
+	}
+	.tw-radio--error .tw-radio__label:before {
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-16), 0 0 0 transparent;
+		box-shadow: inset 0 0 0 1px var(--ffz-color-16), 0 0 0 transparent
+	}
+	.tw-progress-bar {
+		background-color: var(--ffz-color-10)
+	}
+	.tw-progress-bar.tw-progress-bar--vod {
+		background-color: var(--ffz-color-40)
+	}
+	.tw-progress-bar.tw-progress-bar--vod .tw-progress-bar__fill {
+		background-color: var(--ffz-color-2)
+	}
+	.tw-progress-bar__fill {
+		background-color: var(--ffz-color-20)
+	}
+	.tw-progress-bar--error {
+		background-color: var(--ffz-color-16)
+	}
+	.tw-progress-bar--caution {
+		background-color: var(--ffz-color-31)
+	}
+	.tw-progress-bar--countdown .tw-progress-bar__fill {
+		background-color: var(--ffz-color-32)
+	}
+	.tw-placeholder:before {
+		background-color: var(--ffz-color-8)
+	}
+	.tw-placeholder--overlay:before {
+		background-color: var(--ffz-color-33)
+	}
+	.tw-pill {
+		background-color: var(--ffz-color-28);
+		color: var(--ffz-color-6)
+	}
+	.tw-pill--alt {
+		background-color: var(--ffz-color-30)
+	}
+	.tw-pill--alt2 {
+		background-color: var(--ffz-color-9)
+	}
+	.tw-pill--brand {
+		background-color: var(--ffz-color-2)
+	}
+	.tw-pill--live, .tw-pill--notification {
+		background-color: var(--ffz-color-16)
+	}
+	.tw-pill--warn {
+		background-color: var(--ffz-color-41)
+	}
+	.tw-pill--alert {
+		background-color: var(--ffz-color-16)
+	}
+	.tw-pill--success {
+		background-color: var(--ffz-color-20)
+	}
+	.tw-pill--prime {
+		background-color: var(--ffz-color-34)
+	}
+	.tw-tag {
+		background-color: var(--ffz-color-5);
+		color: var(--ffz-color-6)
+	}
+	.tw-tag {
+		border-color: transparent
+	}
+	.tw-tag:hover {
+		border-color: transparent;
+		background-color: var(--ffz-color-7)
+	}
+	.tw-tag:focus {
+		border-color: var(--ffz-color-32);
+		background-color: var(--ffz-color-7);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.tw-tag:active {
+		border-color: var(--ffz-color-7);
+		background-color: var(--ffz-color-5);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.tw-tag:disabled, .tw-tag:disabled:active, .tw-tag:disabled:focus {
+		border-color: var(--ffz-color-8);
+		background-color: var(--ffz-color-8);
+		color: var(--ffz-color-9);
+		box-shadow: none
+	}
+	.tw-tag__close:after {
+		border-left-color: var(--ffz-color-22)
+	}
+	.tw-loading-spinner {
+		border-top-color: var(--ffz-color-33);
+		border-right-color: var(--ffz-color-33);
+		border-bottom-color: var(--ffz-color-33);
+		border-left-color: var(--ffz-color-1)
+	}
+	.tw-loading-spinner--inherit-color {
+		border-top-color: var(--ffz-color-33);
+		border-right-color: var(--ffz-color-33);
+		border-bottom-color: var(--ffz-color-33)
+	}
+	.tw-live-indicator {
+		background-color: var(--ffz-color-16)
+	}
+	.tw-live-indicator--pulse:after {
+		background-color: var(--ffz-color-16)
+	}
+	.tw-group__label {
+		color: var(--ffz-color-25)
+	}
+	.tw-group__optional {
+		color: var(--ffz-color-9)
+	}
+	.tw-group__hint {
+		color: var(--ffz-color-9)
+	}
+	.tw-group--error .tw-group__hint, .tw-group--error .tw-group__label, .tw-group__hint--error {
+		color: var(--ffz-color-16)
+	}
+	.tw-interactable--disabled, .tw-interactable:disabled {
+		background-color: var(--ffz-color-8)
+	}
+	.tw-interactable--hover, .tw-interactable:hover {
+		background-color: var(--ffz-color-10);
+		color: var(--ffz-color-6)
+	}
+	.tw-interactable:active {
+		background-color: var(--ffz-color-5);
+		color: var(--ffz-color-6)
+	}
+	.tw-interactable:focus {
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-7)
+	}
+	.tw-interactable--selected {
+		background-color: var(--ffz-color-28)
+	}
+	.tw-interactable--alpha.tw-interactable--hover, .tw-interactable--alpha:hover {
+		background-color: var(--ffz-color-42)
+	}
+	.tw-interactable--alpha:active {
+		background-color: var(--ffz-color-43)
+	}
+	.tw-interactable--alpha:focus {
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-7)
+	}
+	.tw-interactable--alpha.tw-interactable--selected {
+		background-color: var(--ffz-color-44)
+	}
+	.tw-interactable--alert {
+		color: var(--ffz-color-16)
+	}
+	.tw-interactable--alert--hover, .tw-interactable--alert:focus, .tw-interactable--alert:hover {
+		background-color: var(--ffz-color-17);
+		color: var(--ffz-color-6)
+	}
+	.tw-interactable--alert--active, .tw-interactable--alert:active {
+		background-color: var(--ffz-color-16);
+		color: var(--ffz-color-6)
+	}
+	.tw-interactable--alert.tw-interactable--alpha {
+		color: var(--ffz-color-16)
+	}
+	.tw-interactable--alert.tw-interactable--alpha.tw-interactable--hover, .tw-interactable--alert.tw-interactable--alpha:focus, .tw-interactable--alert.tw-interactable--alpha:hover {
+		background-color: var(--ffz-color-45)
+	}
+	.tw-interactable--alert.tw-interactable--alpha--active, .tw-interactable--alert.tw-interactable--alpha:active {
+		background-color: var(--ffz-color-46)
+	}
+	.tw-input__icon svg {
+		fill: var(--ffz-color-25)
+	}
+	.tw-input {
+		background-color: var(--ffz-color-29);
+		color: var(--ffz-color-25);
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-28), 0 0 0 transparent;
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28), 0 0 0 transparent
+	}
+	.tw-input::-webkit-input-placeholder {
+		color: var(--ffz-color-9)
+	}
+	.tw-input::-moz-placeholder {
+		color: var(--ffz-color-9)
+	}
+	.tw-input:-ms-input-placeholder {
+		color: var(--ffz-color-9)
+	}
+	.tw-input::placeholder {
+		color: var(--ffz-color-9)
+	}
+	.tw-input:focus {
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7)
+	}
+	.tw-input--error {
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-16);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-16)
+	}
+	.svg {
+		fill: var(--ffz-color-25)
+	}
+	.svg--alt {
+		fill: var(--ffz-color-30)
+	}
+	.svg--alt-2 {
+		fill: var(--ffz-color-9)
+	}
+	.svg--brand {
+		fill: var(--ffz-color-2)
+	}
+	.svg--live {
+		fill: var(--ffz-color-16)
+	}
+	.svg--warn {
+		fill: var(--ffz-color-41)
+	}
+	.svg--alert {
+		fill: var(--ffz-color-16)
+	}
+	.svg--success {
+		fill: var(--ffz-color-20)
+	}
+	.svg--prime {
+		fill: var(--ffz-color-34)
+	}
+	.svg--placeholder {
+		fill: var(--ffz-color-8)
+	}
+	.svg--overlay-placeholder {
+		fill: var(--ffz-color-33)
+	}
+	.svg--inherit {
+		fill: currentColor;
+	}
+	.tw-drop-zone {
+		border-color: var(--ffz-color-22)
+	}
+	.tw-drop-zone--error {
+		border-color: var(--ffz-color-16)
+	}
+	.tw-drop-zone--over {
+		border-color: var(--ffz-color-5)
+	}
+	.tw-checkbox__input {
+		color: var(--ffz-color-25)
+	}
+	.tw-checkbox__input:checked + .tw-checkbox__label:before {
+		background-color: var(--ffz-color-7);
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-7);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-7)
+	}
+	.tw-checkbox__input:checked + .tw-checkbox__label:after {
+		border-bottom-color: var(--ffz-color-6);
+		border-left-color: var(--ffz-color-6)
+	}
+	.tw-checkbox__input:focus + .tw-checkbox__label:before {
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7)
+	}
+	.tw-checkbox__label {
+		color: var(--ffz-color-25)
+	}
+	.tw-checkbox__label:before {
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-28), 0 0 0 transparent;
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28), 0 0 0 transparent
+	}
+	.tw-checkbox--error .tw-checkbox__label:before {
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-16), 0 0 0 transparent;
+		box-shadow: inset 0 0 0 1px var(--ffz-color-16), 0 0 0 transparent
+	}
+	.tw-balloon {
+		background-color: var(--ffz-color-0);
+		color: var(--ffz-color-1);
+		-webkit-box-shadow: 0 0 0 1px var(--ffz-color-22), 0 1px 1px var(--ffz-color-19);
+		box-shadow: 0 0 0 1px var(--ffz-color-22), 0 1px 1px var(--ffz-color-19)
+	}
+	.tw-balloon > .tw-balloon__tail {
+		background-color: var(--ffz-color-0)
+	}
+	.tw-balloon--left > .tw-balloon__tail {
+		-webkit-box-shadow: 1px -1px 0 var(--ffz-color-22);
+		box-shadow: 1px -1px 0 var(--ffz-color-22)
+	}
+	.tw-balloon--right > .tw-balloon__tail {
+		-webkit-box-shadow: -1px 1px 0 var(--ffz-color-22);
+		box-shadow: -1px 1px 0 var(--ffz-color-22)
+	}
+	.tw-balloon--up > .tw-balloon__tail {
+		-webkit-box-shadow: 1px 1px 0 var(--ffz-color-22);
+		box-shadow: 1px 1px 0 var(--ffz-color-22)
+	}
+	.tw-balloon--down > .tw-balloon__tail {
+		-webkit-box-shadow: -1px -1px 0 var(--ffz-color-22);
+		box-shadow: -1px -1px 0 var(--ffz-color-22)
+	}
+	.tw-button-icon {
+		border-color: transparent;
+		background-color: transparent
+	}
+	.tw-button-icon {
+		color: var(--ffz-color-1)
+	}
+	.tw-button-icon:hover {
+		border-color: transparent;
+		background-color: var(--ffz-color-11);
+		color: var(--ffz-color-12)
+	}
+	.tw-button-icon:focus {
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.tw-button-icon:focus {
+		border-color: var(--ffz-color-13);
+		background-color: var(--ffz-color-11);
+		color: var(--ffz-color-12)
+	}
+	.tw-button-icon:active {
+		border-color: var(--ffz-color-15);
+		background-color: var(--ffz-color-14);
+		color: var(--ffz-color-12)
+	}
+	.tw-button-icon--disabled, .tw-button-icon:disabled {
+		border-color: var(--ffz-color-8);
+		background-color: var(--ffz-color-8);
+		color: var(--ffz-color-9)
+	}
+	.tw-button-icon--disabled:focus, .tw-button-icon--disabled:hover, .tw-button-icon:disabled:focus, .tw-button-icon:disabled:hover {
+		border-color: var(--ffz-color-8);
+		background-color: var(--ffz-color-8);
+		color: var(--ffz-color-9);
+		box-shadow: none
+	}
+	.tw-button-icon--primary {
+		border-color: transparent;
+		background-color: var(--ffz-color-5);
+		color: var(--ffz-color-6)
+	}
+	.tw-button-icon--primary:hover {
+		border-color: var(--ffz-color-7);
+		background-color: var(--ffz-color-7);
+		color: var(--ffz-color-6)
+	}
+	.tw-button-icon--primary:focus {
+		border-color: var(--ffz-color-32);
+		background-color: var(--ffz-color-7);
+		color: var(--ffz-color-6);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.tw-button-icon--primary:active {
+		border-color: var(--ffz-color-7);
+		background-color: var(--ffz-color-5);
+		color: var(--ffz-color-6);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.tw-button-icon--hollow {
+		border-color: var(--ffz-color-10);
+		background-color: transparent;
+		color: var(--ffz-color-1)
+	}
+	.tw-button-icon--hollow:hover {
+		border-color: var(--ffz-color-13);
+		background-color: var(--ffz-color-11);
+		color: var(--ffz-color-12)
+	}
+	.tw-button-icon--hollow:focus {
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.tw-button-icon--hollow:focus {
+		border-color: var(--ffz-color-13);
+		background-color: var(--ffz-color-11);
+		color: var(--ffz-color-12)
+	}
+	.tw-button-icon--hollow:active {
+		border-color: var(--ffz-color-15);
+		background-color: var(--ffz-color-14);
+		color: var(--ffz-color-12);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.tw-button-icon--alert {
+		border-color: var(--ffz-color-16);
+		background-color: var(--ffz-color-16);
+		color: var(--ffz-color-6)
+	}
+	.tw-button-icon--alert:focus, .tw-button-icon--alert:hover {
+		border-color: var(--ffz-color-17);
+		background-color: var(--ffz-color-17);
+		color: var(--ffz-color-6)
+	}
+	.tw-button-icon--alert:active {
+		border-color: var(--ffz-color-16);
+		background-color: var(--ffz-color-16);
+		color: var(--ffz-color-6)
+	}
+	.tw-button-icon--success {
+		border-color: var(--ffz-color-20);
+		background-color: var(--ffz-color-20);
+		color: var(--ffz-color-6)
+	}
+	.tw-button-icon--success:focus, .tw-button-icon--success:hover {
+		border-color: var(--ffz-color-20);
+		background-color: var(--ffz-color-21);
+		color: var(--ffz-color-6)
+	}
+	.tw-button-icon--success:active {
+		border-color: var(--ffz-color-20);
+		background-color: var(--ffz-color-20);
+		color: var(--ffz-color-6)
+	}
+	.tw-button-icon--overlay {
+		border-color: transparent;
+		background-color: transparent;
+		color: var(--ffz-color-6)
+	}
+	.tw-button-icon--overlay:hover {
+		border-color: var(--ffz-color-6);
+		background-color: var(--ffz-color-8);
+		color: var(--ffz-color-6)
+	}
+	.tw-button-icon--overlay:focus {
+		border-color: var(--ffz-color-6)
+	}
+	.tw-button-icon--overlay:focus {
+		background-color: var(--ffz-color-8);
+		color: var(--ffz-color-6);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-47);
+		box-shadow: 0 0 6px 0 var(--ffz-color-47)
+	}
+	.tw-button-icon--overlay:active {
+		border-color: var(--ffz-color-6);
+		background-color: transparent;
+		color: var(--ffz-color-6);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-47);
+		box-shadow: 0 0 6px 0 var(--ffz-color-47)
+	}
+	.tw-button-icon--overlay.tw-button-icon--hollow {
+		border-color: var(--ffz-color-6)
+	}
+	.tw-button-icon--overlay.tw-button-icon--disabled, .tw-button-icon--overlay.tw-button-icon--disabled:focus, .tw-button-icon--overlay.tw-button-icon--disabled:hover, .tw-button-icon--overlay:disabled, .tw-button-icon--overlay:disabled:focus, .tw-button-icon--overlay:disabled:hover {
+		background-color: transparent;
+		color: var(--ffz-color-48)
+	}
+	.tw-button-icon--status:focus, .tw-button-icon--status:hover {
+		border-color: var(--ffz-color-16);
+		background-color: var(--ffz-color-17);
+		color: var(--ffz-color-6)
+	}
+	.tw-button-icon--status:active {
+		border-color: var(--ffz-color-16);
+		background-color: var(--ffz-color-16);
+		color: var(--ffz-color-6)
+	}
+	.tw-button-icon--secondary {
+		color: var(--ffz-color-9)
+	}
+	.tw-button-icon--secondary:hover {
+		color: var(--ffz-color-18)
+	}
+	.tw-button-icon--secondary:focus {
+		color: var(--ffz-color-18)
+	}
+	.tw-button-icon--secondary:active {
+		color: var(--ffz-color-18)
+	}
+	.tw-button {
+		border-color: transparent;
+		background-color: var(--ffz-color-5);
+		color: var(--ffz-color-6)
+	}
+	.tw-button:hover {
+		border-color: var(--ffz-color-7);
+		background-color: var(--ffz-color-7);
+		color: var(--ffz-color-6)
+	}
+	.tw-button:focus {
+		border-color: var(--ffz-color-32);
+		background-color: var(--ffz-color-7);
+		color: var(--ffz-color-6);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.tw-button:active {
+		border-color: var(--ffz-color-7);
+		background-color: var(--ffz-color-5);
+		color: var(--ffz-color-6);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.tw-button--hollow, .tw-button--hollow.tw-button--icon-only {
+		border-color: var(--ffz-color-10);
+		background-color: transparent;
+		color: var(--ffz-color-1)
+	}
+	.tw-button--hollow.tw-button--icon-only:hover, .tw-button--hollow:hover {
+		border-color: var(--ffz-color-13);
+		background-color: var(--ffz-color-11);
+		color: var(--ffz-color-12)
+	}
+	.tw-button--hollow.tw-button--icon-only:focus, .tw-button--hollow:focus {
+		border-color: var(--ffz-color-13);
+		background-color: var(--ffz-color-11);
+		color: var(--ffz-color-12);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.tw-button--hollow.tw-button--icon-only:active, .tw-button--hollow:active {
+		border-color: var(--ffz-color-15);
+		background-color: var(--ffz-color-14);
+		color: var(--ffz-color-12);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.tw-button--alert {
+		border-color: var(--ffz-color-16);
+		background-color: var(--ffz-color-16);
+		color: var(--ffz-color-6)
+	}
+	.tw-button--alert:focus, .tw-button--alert:hover {
+		border-color: var(--ffz-color-17);
+		background-color: var(--ffz-color-17);
+		color: var(--ffz-color-6)
+	}
+	.tw-button--alert:active {
+		border-color: var(--ffz-color-16);
+		background-color: var(--ffz-color-16);
+		color: var(--ffz-color-6)
+	}
+	.tw-button--success {
+		border-color: var(--ffz-color-20);
+		background-color: var(--ffz-color-20);
+		color: var(--ffz-color-6)
+	}
+	.tw-button--success:focus, .tw-button--success:hover {
+		border-color: var(--ffz-color-20);
+		background-color: var(--ffz-color-21);
+		color: var(--ffz-color-6)
+	}
+	.tw-button--success:active {
+		border-color: var(--ffz-color-20);
+		background-color: var(--ffz-color-20);
+		color: var(--ffz-color-6)
+	}
+	.tw-button--status:focus, .tw-button--status:hover {
+		border-color: var(--ffz-color-16);
+		background-color: var(--ffz-color-17);
+		color: var(--ffz-color-6)
+	}
+	.tw-button--status:active {
+		border-color: var(--ffz-color-16);
+		background-color: var(--ffz-color-16);
+		color: var(--ffz-color-6)
+	}
+	.tw-button--text {
+		background-color: transparent;
+		color: var(--ffz-color-1)
+	}
+	.tw-button--text:focus, .tw-button--text:hover {
+		border-color: transparent;
+		background-color: var(--ffz-color-11);
+		color: var(--ffz-color-12)
+	}
+	.tw-button--text:focus {
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.tw-button--text:focus {
+		border-color: var(--ffz-color-13)
+	}
+	.tw-button--text:active {
+		border-color: var(--ffz-color-15);
+		background-color: var(--ffz-color-14);
+		color: var(--ffz-color-12);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.tw-button--overlay {
+		border-color: transparent;
+		background-color: transparent;
+		color: var(--ffz-color-6)
+	}
+	.tw-button--overlay:hover {
+		border-color: var(--ffz-color-6);
+		background-color: var(--ffz-color-8);
+		color: var(--ffz-color-6)
+	}
+	.tw-button--overlay:focus {
+		border-color: var(--ffz-color-6)
+	}
+	.tw-button--overlay:focus {
+		background-color: var(--ffz-color-8);
+		color: var(--ffz-color-6);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-47);
+		box-shadow: 0 0 6px 0 var(--ffz-color-47)
+	}
+	.tw-button--overlay:active {
+		border-color: var(--ffz-color-6);
+		background-color: transparent;
+		color: var(--ffz-color-6);
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-47);
+		box-shadow: 0 0 6px 0 var(--ffz-color-47)
+	}
+	.tw-button--overlay.tw-button--hollow, .tw-button--overlay.tw-button--state-loading, .tw-button--overlay.tw-button--state-success {
+		border-color: var(--ffz-color-6)
+	}
+	.tw-button--overlay.tw-button--hollow.tw-button--disabled, .tw-button--overlay.tw-button--hollow.tw-button--disabled:active, .tw-button--overlay.tw-button--hollow.tw-button--disabled:focus, .tw-button--overlay.tw-button--hollow.tw-button--disabled:hover, .tw-button--overlay.tw-button--state-loading.tw-button--disabled, .tw-button--overlay.tw-button--state-loading.tw-button--disabled:active, .tw-button--overlay.tw-button--state-loading.tw-button--disabled:focus, .tw-button--overlay.tw-button--state-loading.tw-button--disabled:hover, .tw-button--overlay.tw-button--state-success.tw-button--disabled, .tw-button--overlay.tw-button--state-success.tw-button--disabled:active, .tw-button--overlay.tw-button--state-success.tw-button--disabled:focus, .tw-button--overlay.tw-button--state-success.tw-button--disabled:hover {
+		border-color: var(--ffz-color-48)
+	}
+	.tw-button--overlay.tw-button--disabled, .tw-button--overlay.tw-button--disabled:focus, .tw-button--overlay.tw-button--disabled:hover {
+		background-color: transparent;
+		color: var(--ffz-color-48)
+	}
+	.tw-button--disabled {
+		border-color: var(--ffz-color-8);
+		background-color: var(--ffz-color-8);
+		color: var(--ffz-color-9)
+	}
+	.tw-button--disabled:active, .tw-button--disabled:focus, .tw-button--disabled:hover {
+		border-color: var(--ffz-color-8);
+		background-color: var(--ffz-color-8);
+		color: var(--ffz-color-9);
+		box-shadow: none
+	}
+	.tw-button__num-block {
+		background-color: var(--ffz-color-19)
+	}
+	.tw-box-art-card a:hover .tw-box-art-card__title {
+		color: var(--ffz-color-2)
+	}
+	.tw-box-art-card__title {
+		color: var(--ffz-color-1)
+	}
+	.tw-box-art-card__meta {
+		color: var(--ffz-color-9)
+	}
+	.tw-badge {
+		background-color: var(--ffz-color-2);
+		color: var(--ffz-color-25)
+	}
+	.tw-badge--alt {
+		background-color: var(--ffz-color-30)
+	}
+	.tw-badge--alt2 {
+		background-color: var(--ffz-color-9)
+	}
+	.tw-badge--brand {
+		background-color: var(--ffz-color-2)
+	}
+	.tw-badge--live, .tw-badge--notification {
+		background-color: var(--ffz-color-16)
+	}
+	.tw-badge--warn {
+		background-color: var(--ffz-color-41)
+	}
+	.tw-badge--alert {
+		background-color: var(--ffz-color-16)
+	}
+	.tw-badge--success {
+		background-color: var(--ffz-color-20)
+	}
+	.tw-badge--prime {
+		background-color: var(--ffz-color-34)
+	}
+	.tw-badge--dashboard {
+		background-color: var(--ffz-color-28)
+	}
+	.thread-header__title-bar-container {
+		background-color: var(--ffz-color-23);
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-22), 0 2px 0 var(--ffz-color-49);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-22), 0 2px 0 var(--ffz-color-49)
+	}
+	.thread-header__title-bar-container--focused {
+		background-color: var(--ffz-color-29)
+	}
+	.thread-header__title-bar-container--highlighted {
+		background-color: var(--ffz-color-5);
+		color: var(--ffz-color-6)
+	}
+	.emote-picker__content-block:not(:first-child) {
+		border-top-color: var(--ffz-color-22)
+	}
+	.emote-picker__tab {
+		color: var(--ffz-color-2)
+	}
+	.emote-picker__tab:hover {
+		border-top-color: var(--ffz-color-5)
+	}
+	.emote-picker__tab--active {
+		color: var(--ffz-color-25);
+		border-top-color: var(--ffz-color-5)
+	}
+	.emote-picker__tab--disabled {
+		color: var(--ffz-color-9)
+	}
+	.emote-picker__emote-link:hover {
+		background-color: var(--ffz-color-50)
+	}
+	.emote-picker__emote-lock {
+		background-color: var(--ffz-color-27);
+		color: var(--ffz-color-25)
+	}
+	.whispers-list-item:hover {
+		background-color: var(--ffz-color-29)
+	}
+	.side-nav__overlay-wrapper, .side-nav__theme-wrapper {
+		background-color: var(--ffz-color-23)
+	}
+	.side-nav__toggle-visibility {
+		background-color: var(--ffz-color-0);
+		color: var(--ffz-color-1)
+	}
+	.side-nav-card__link {
+		background-color: var(--ffz-color-23)
+	}
+	.side-nav-card__title {
+		color: var(--ffz-color-26)
+	}
+	.side-nav-card__metadata {
+		color: var(--ffz-color-9)
+	}
+	.side-nav-card:hover .side-nav-card__title {
+		color: var(--ffz-color-1)
+	}
+	.side-nav-card:hover .side-nav-card__metadata {
+		color: var(--ffz-color-26)
+	}
+	.follow-btn__status-btn {
+		background-color: var(--ffz-color-20);
+		border-color: var(--ffz-color-20)
+	}
+	.follow-btn__status-btn .svg--heart, .follow-btn__status-btn .svg--unheart {
+		fill: var(--ffz-color-6)
+	}
+	.follow-btn__status-btn:hover {
+		background-color: var(--ffz-color-16);
+		border-color: var(--ffz-color-20)
+	}
+	.follow-btn__dropdown-toggle {
+		background-color: var(--ffz-color-51);
+		color: var(--ffz-color-9)
+	}
+	.followed-channels__load-more {
+		color: var(--ffz-color-9)
+	}
+	.followed-channels__load-more:hover {
+		color: var(--ffz-color-26);
+		background-color: var(--ffz-color-23)
+	}
+	.followed-channel__live-indicator, .followed-channel__live-indicator--watch-party {
+		background-color: var(--ffz-color-16)
+	}
+	.followed-channel__live-indicator--watch-party {
+		background-color: var(--ffz-color-9)
+	}
+	.right-column__toggle-visibility {
+		background-color: var(--ffz-color-0);
+		color: var(--ffz-color-1)
+	}
+	.user-card__overlay {
+		background-color: var(--ffz-color-27)
+	}
+	.user-card__status-btn {
+		background-color: var(--ffz-color-20);
+		border-color: var(--ffz-color-20)
+	}
+	.user-card__status-btn:hover {
+		background-color: var(--ffz-color-16);
+		border-color: var(--ffz-color-20)
+	}
+	.top-nav__home-link, .top-nav__home-link:hover {
+		color: var(--ffz-color-6)
+	}
+	.top-nav__menu {
+		background-color: var(--ffz-color-28)
+	}
+	.top-nav__nav-link.active, .top-nav__nav-link:hover {
+		color: var(--ffz-color-6)
+	}
+	.top-nav__beta-badge {
+		background-color: var(--ffz-color-16);
+		color: var(--ffz-color-6)
+	}
+	.top-nav__beta-badge:hover {
+		background-color: var(--ffz-color-17);
+		color: var(--ffz-color-6)
+	}
+	.blue-bar {
+		background-color: var(--ffz-color-34)
+	}
+	.blue-bar__link {
+		color: var(--ffz-color-1)
+	}
+	.blue-bar__link:hover {
+		color: var(--ffz-color-3)
+	}
+	.search-panel__highlight-link {
+		color: var(--ffz-color-2)
+	}
+	.search-panel__link {
+		color: var(--ffz-color-9)
+	}
+	.search-panel__card:hover .search-panel__highlight-link, .search-panel__card:hover .search-panel__link {
+		color: var(--ffz-color-6)
+	}
+	.notice-wrap__title {
+		color: var(--ffz-color-9)
+	}
+	.notice-wrap__text {
+		color: var(--ffz-color-9)
+	}
+	.search-title-bar {
+		background-color: var(--ffz-color-29);
+		border-bottom-color: var(--ffz-color-22)
+	}
+	.search-result-view__titlesep {
+		color: var(--ffz-color-9);
+		background-color: var(--ffz-color-23)
+	}
+	.search-result-view__titlesep:hover {
+		background-color: var(--ffz-color-29);
+		color: var(--ffz-color-2)
+	}
+	.search-live-result-card__info {
+		color: var(--ffz-color-26)
+	}
+	.onsite-notification-toast {
+		-webkit-box-shadow: 0 0 6px -2px var(--ffz-color-7);
+		box-shadow: 0 0 6px -2px var(--ffz-color-7)
+	}
+	.onsite-notification-toast--hover, .onsite-notification-toast:hover {
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7)
+	}
+	.persistent-notification__read {
+		background-color: var(--ffz-color-0)
+	}
+	.persistent-notification__unread {
+		background-color: var(--ffz-color-29)
+	}
+	.language-selector__list--border-right {
+		border-right-color: var(--ffz-color-22)
+	}
+	.dashboard-nav__link {
+		color: var(--ffz-color-2)
+	}
+	.dashboard-nav__link--active {
+		background-color: var(--ffz-color-28)
+	}
+	.dashboard-nav__link:hover {
+		background-color: var(--ffz-color-10);
+		color: var(--ffz-color-6)
+	}
+	.dashboard-nav__link:active {
+		background-color: var(--ffz-color-5);
+		color: var(--ffz-color-6)
+	}
+	.dashboard-hotspot--announcement {
+		background-color: var(--ffz-color-16)
+	}
+	.twp-button:focus {
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-10);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-10)
+	}
+	.twp-button--hollow {
+		color: var(--ffz-color-2)
+	}
+	.twp-button--hollow {
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-10);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-10)
+	}
+	.twp-button--hollow:focus, .twp-button--hollow:hover {
+		background-color: var(--ffz-color-11)
+	}
+	.twp-button--hollow:focus, .twp-button--hollow:hover {
+		color: var(--ffz-color-2)
+	}
+	.twp-button--hollow:focus {
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-10);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-10)
+	}
+	.twp-button--text {
+		color: var(--ffz-color-2)
+	}
+	.twp-button--text:focus, .twp-button--text:hover {
+		background-color: var(--ffz-color-11)
+	}
+	.twp-button--text:focus, .twp-button--text:hover {
+		color: var(--ffz-color-2)
+	}
+	.twp-button--text:focus {
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-10);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-10)
+	}
+	.twp-button--icon-only figure svg {
+		fill: var(--ffz-color-2)
+	}
+	.twp-button--icon-only:focus {
+		-webkit-box-shadow: 0 0 6px 0 var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-10);
+		box-shadow: 0 0 6px 0 var(--ffz-color-7), inset 0 0 0 1px var(--ffz-color-10)
+	}
+	.twp-button--icon-only:focus figure svg, .twp-button--icon-only:hover figure svg {
+		fill: var(--ffz-color-3)
+	}
+	.twp-card__title {
+		color: var(--ffz-color-1)
+	}
+	.twp-card__title a {
+		color: var(--ffz-color-1)
+	}
+	.twp-card__title a:hover {
+		color: var(--ffz-color-2)
+	}
+	a:hover .twp-card__title {
+		color: var(--ffz-color-2)
+	}
+	.twp-card__info {
+		color: var(--ffz-color-26)
+	}
+	.twp-card__info a {
+		color: var(--ffz-color-26)
+	}
+	.twp-card__info a:hover {
+		color: var(--ffz-color-2)
+	}
+	.phx-selectbox {
+		background-color: var(--ffz-color-29);
+		color: var(--ffz-color-25);
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-28);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-28)
+	}
+	.phx-selectbox::-webkit-input-placeholder {
+		color: var(--ffz-color-9)
+	}
+	.phx-selectbox::-moz-placeholder {
+		color: var(--ffz-color-9)
+	}
+	.phx-selectbox:-ms-input-placeholder {
+		color: var(--ffz-color-9)
+	}
+	.phx-selectbox::placeholder {
+		color: var(--ffz-color-9)
+	}
+	.phx-selectbox:focus {
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-7), 0 0 6px -2px var(--ffz-color-7)
+	}
+	.vod-message.vod-message--focused {
+		-webkit-box-shadow: inset 0 0 0 1px var(--ffz-color-7);
+		box-shadow: inset 0 0 0 1px var(--ffz-color-7)
+	}
+	.vod-message.vod-message--focused, .vod-message:hover {
+		background-color: var(--ffz-color-22)
+	}
+	.vod-message.vod-message--focused .vod-message__timestamp, .vod-message:hover .vod-message__timestamp {
+		background-color: var(--ffz-color-5)
+	}
+	.vod-message.vod-message--focused .vod-message__timestamp, .vod-message:hover .vod-message__timestamp {
+		color: var(--ffz-color-6)
+	}
+	.vod-message.vod-message--focused .vod-message__timestamp:hover, .vod-message:hover .vod-message__timestamp:hover {
+		background-color: var(--ffz-color-7)
+	}
+	.vod-message.vod-message--focused .vod-message__reply, .vod-message:hover .vod-message__reply {
+		-webkit-box-shadow: inset 3px 0 0 0 var(--ffz-color-18);
+		box-shadow: inset 3px 0 0 0 var(--ffz-color-18)
+	}
+	.video-chat__message-list-wrapper::-webkit-scrollbar-thumb {
+		border-color: var(--ffz-color-23)
+	}
+	.video-chat__sync-button {
+		background-color: var(--ffz-color-52)
+	}
+	.video-chat__sync-button {
+		color: var(--ffz-color-53)
+	}
+	.video-chat__sync-button:focus, .video-chat__sync-button:hover {
+		background-color: var(--ffz-color-26)
+	}
+	.video-chat__sync-button:focus, .video-chat__sync-button:hover {
+		color: var(--ffz-color-53)
+	}
+	.vod-message__timestamp {
+		color: var(--ffz-color-9)
+	}
+	.video-chat__message-author {
+		color: var(--ffz-color-2)
+	}
+	.video-chat__message-author--creator, .video-chat__message-author--creator:hover, .video-chat__message-author--me, .video-chat__message-author--me:hover {
+		color: var(--ffz-color-6)
+	}
+	.vod-message__show-more-replies {
+		color: var(--ffz-color-2)
+	}
+	.vod-message__reply {
+		-webkit-box-shadow: inset 3px 0 0 0 var(--ffz-color-54);
+		box-shadow: inset 3px 0 0 0 var(--ffz-color-54)
+	}
+	.video-chat {
+		background-color: var(--ffz-color-29)
+	}
+	.video-chat__input {
+		-webkit-box-shadow: inset 0 1px 0 0 var(--ffz-color-22);
+		box-shadow: inset 0 1px 0 0 var(--ffz-color-22)
+	}
+	.video-chat__header {
+		-webkit-box-shadow: inset 0 -1px 0 0 var(--ffz-color-22);
+		box-shadow: inset 0 -1px 0 0 var(--ffz-color-22)
+	}
+	.mod-comment__unpublished-message {
+		background-color: var(--ffz-color-28)
+	}
+	.sm-sb-link:focus .sm-sb, .sm-sb-link:hover .sm-sb {
+		background-color: var(--ffz-color-28)
+	}
+	.sm-sb-link:focus .sm-sb__text, .sm-sb-link:hover .sm-sb__text {
+		background-color: var(--ffz-color-28)
+	}
+	.sm-sb {
+		background-color: var(--ffz-color-5)
+	}
+	.sm-sb__text {
+		background-color: var(--ffz-color-5)
+	}
+	.sm-cp-card__title {
+		color: var(--ffz-color-1)
+	}
+	.sm-cp-card a:hover .sm-cp-card__title {
+		color: var(--ffz-color-2)
+	}
+	.sm-graph-panel {
+		background-color: var(--ffz-color-5)
+	}
+	.footer__link, .footer__link:hover {
+		color: var(--ffz-color-6)
+	}
+	.live-channel-card__meta {
+		color: var(--ffz-color-9)
+	}
+	.live-channel-card__channel {
+		color: var(--ffz-color-1)
+	}
+	.live-channel-card__videos {
+		color: var(--ffz-color-9)
+	}
+	.live-channel-card__channel:hover, .live-channel-card__videos:hover {
+		color: var(--ffz-color-2)
+	}
+	.live-channel-card__boxart {
+		border-color: var(--ffz-color-0)
+	}
+	.carousel-nav__item {
+		border-bottom-color: var(--ffz-color-22)
+	}
+	.carousel-nav__item--active {
+		border-bottom-color: var(--ffz-color-5)
+	}
+	.channel-header__subscription-balloon-options .subscription-balloon-options__prime-crown {
+		color: var(--ffz-color-34)
+	}
+	.channel-header__subscription-balloon-options .subscription-balloon-options__subbed-star {
+		color: var(--ffz-color-20)
+	}
+	.anon-front__social-container {
+		background-color: var(--ffz-color-0)
+	}
+	.twi-drop-zone {
+		border-color: var(--ffz-color-22)
+	}
+	.twi-drop-zone--over {
+		border-color: var(--ffz-color-5)
+	}
+	.social-button__link--copy:after {
+		color: var(--ffz-color-5)
+	}
+	.social-button__link--facebook:after {
+		color: var(--ffz-color-55)
+	}
+	.social-button__link--vkontakte:after {
+		color: var(--ffz-color-56)
+	}
+	.social-button__link--twitter:after {
+		color: var(--ffz-color-57)
+	}
+	.social-button__link--reddit:after {
+		color: var(--ffz-color-58)
+	}
+	.social-button__icon--reddit {
+		background-color: var(--ffz-color-58)
+	}
+	.social-button__icon--twitter {
+		background-color: var(--ffz-color-57)
+	}
+	.social-button__icon--vkontakte {
+		background-color: var(--ffz-color-56)
+	}
+	.social-button__icon--facebook {
+		background-color: var(--ffz-color-55)
+	}
+	.social-button__icon--copy {
+		background-color: var(--ffz-color-5)
+	}
+	.t-bits-card__footer {
+		background-color: var(--ffz-color-0)
+	}
+	.t-bits-card__footer {
+		border-top-color: var(--ffz-color-22)
+	}
+	.t-bits-card__footer {
+		color: var(--ffz-color-9)
+	}
+	.t-bits-card__top-controls {
+		color: var(--ffz-color-9)
+	}
+	.bits-buy-card__sub-text {
+		color: var(--ffz-color-9)
+	}
+	.bits-buy-card__close {
+		color: var(--ffz-color-9)
+	}
+	.cheermote-list .cheermote-list__item-button {
+		border-color: var(--ffz-color-22)
+	}
+	.cheermote-list .cheermote-list__item-button[disabled] {
+		background-color: var(--ffz-color-28)
+	}
+	.cheermote-list .cheermote-list__item-button:focus:not([disabled]), .cheermote-list .cheermote-list__item-button:hover:not([disabled]) {
+		background-color: var(--ffz-color-28);
+		-webkit-box-shadow: 0 1px 5px var(--ffz-color-28);
+		box-shadow: 0 1px 5px var(--ffz-color-28)
+	}
+	.pinned-cheer__bounding-box {
+		background-color: var(--ffz-color-0);
+		border-bottom-color: var(--ffz-color-22)
+	}
+	.pinned-cheer__headline {
+		color: var(--ffz-color-2)
+	}
+	.pinned-cheer__progress-bar {
+		background-color: var(--ffz-color-0)
+	}
+	.channel-header {
+		background-color: var(--ffz-color-0);
+		border-bottom-color: var(--ffz-color-22)
+	}
+	.channel-header__item {
+		color: var(--ffz-color-1)
+	}
+	.channel-header__item:before {
+		background-color: var(--ffz-color-22)
+	}
+	.channel-header__item--selected, .channel-header__item:hover {
+		color: var(--ffz-color-3)
+	}
+	.channel-header__item--selected:after, .channel-header__item:hover:after {
+		border-bottom-color: var(--ffz-color-28)
+	}
+	.channel-header__item--selected:after, .channel-header__item--selected:hover:after, .channel-header__item:active:after {
+		border-bottom-color: var(--ffz-color-5)
+	}
+	.channel-header__item-count {
+		color: var(--ffz-color-9)
+	}
+	.channel-header__dropdown-hover-target:hover .channel-header__item-count {
+		color: var(--ffz-color-26)
+	}
+	.channel-header .interactable:hover .channel-header__item-count {
+		color: var(--ffz-color-26)
+	}
+	.channel-header__user {
+		color: var(--ffz-color-1)
+	}
+	.channel-header__user:hover {
+		color: var(--ffz-color-3)
+	}
+	.channel-header__user:hover .channel-header__user-avatar:after {
+		border-bottom-color: var(--ffz-color-28)
+	}
+	.channel-header__user--selected .channel-header__user-avatar:after, .channel-header__user--selected:hover .channel-header__user-avatar:after, .channel-header__user:active .channel-header__user-avatar:after {
+		border-bottom-color: var(--ffz-color-5)
+	}
+	.channel-header__verified {
+		color: var(--ffz-color-2)
+	}
+	.autocomplete-balloon__item {
+		color: var(--ffz-color-2)
+	}
+	.autocomplete-balloon__item--selected {
+		background-color: var(--ffz-color-7);
+		color: var(--ffz-color-6)
+	}
+	.chat-line__message--mention-sender {
+		background-color: var(--ffz-color-10)
+	}
+	.chat-line__message--mention-recipient {
+		background-color: var(--ffz-color-30)
+	}
+	.chat-line__message--mention-recipient {
+		color: var(--ffz-color-29)
+	}
+	.chat-line__message--special {
+		background-color: var(--ffz-color-29)
+	}
+	.chat-line__moderation, .chat-line__status {
+		color: var(--ffz-color-9)
+	}
+	.chat-line__mod-icons .mod-icon {
+		color: var(--ffz-color-9)
+	}
+	.chat-line__raid, .chat-line__subscribe {
+		color: var(--ffz-color-9)
+	}
+	.chat-line__raid--prime, .chat-line__subscribe--prime {
+		color: var(--ffz-color-2)
+	}
+	.chat-line__raid--message, .chat-line__subscribe--message {
+		color: var(--ffz-color-26)
+	}
+	.chat-line__timestamp {
+		color: var(--ffz-color-9)
+	}
+	.chat-list .chat-list__more-messages {
+		color: var(--ffz-color-25);
+		background-color: var(--ffz-color-27)
+	}
+	.chat__pane {
+		background-color: var(--ffz-color-29);
+		border-left-color: var(--ffz-color-22);
+		color: var(--ffz-color-1)
+	}
+	.chat__header {
+		-webkit-box-shadow: inset 0 -1px 0 0 var(--ffz-color-22);
+		box-shadow: inset 0 -1px 0 0 var(--ffz-color-22);
+		background-color: var(--ffz-color-23)
+	}
+	.chat-settings__swatch--selected {
+		-webkit-box-shadow: 0 0 0 3px var(--ffz-color-28);
+		box-shadow: 0 0 0 3px var(--ffz-color-28)
+	}
+	.chat-settings__swatch:hover {
+		-webkit-box-shadow: 0 0 0 3px var(--ffz-color-10);
+		box-shadow: 0 0 0 3px var(--ffz-color-10)
+	}
+	.chat-settings__badge-chooser--selected {
+		background-color: var(--ffz-color-28)
+	}
+	.chat-settings__badge-chooser:hover {
+		background-color: var(--ffz-color-10)
+	}
+	.chat-settings__badge-chooser__none {
+		color: var(--ffz-color-9);
+		background-color: var(--ffz-color-29)
+	}
+	.chat-viewers__pane {
+		background-color: var(--ffz-color-29);
+		color: var(--ffz-color-26)
+	}
+	.chat-viewers__header {
+		border-bottom-color: var(--ffz-color-22);
+		background-color: var(--ffz-color-23)
+	}
+	.clips-chat-card {
+		background-color: var(--ffz-color-0)
+	}
+	.clips-chat-card:hover .clips-chat-card__title {
+		color: var(--ffz-color-3)
+	}
+	.clips-chat-card__thumb {
+		background-color: var(--ffz-color-29)
+	}
+	.clips-chat-card__title {
+		color: var(--ffz-color-1)
+	}
+	.chat-hosting-notification__container {
+		color: var(--ffz-color-25)
+	}
+	.raid-prompt {
+		color: var(--ffz-color-25)
+	}
+	.chat-resub-notification__notification-wrapper {
+		color: var(--ffz-color-25)
+	}
+	.viewer-card__display-name__link {
+		color: var(--ffz-color-6)
+	}
+	.viewer-card__display-name__link:hover {
+		color: var(--ffz-color-6)
+	}
+	.clip-carousel-button {
+		background-color: var(--ffz-color-5)
+	}
+	.clip-carousel-button .svg--angleleft, .clip-carousel-button .svg--angleright {
+		fill: var(--ffz-color-6)
+	}
+	.fuel-bar {
+		background-color: var(--ffz-color-0)
+	}
+	.channel-info-bar {
+		background-color: var(--ffz-color-0)
+	}
+	.channel-info-bar__action-container {
+		border-top-color: var(--ffz-color-22)
+	}
+	.clmgr-table__row-expanded {
+		border-color: var(--ffz-color-5)
+	}
+	.clmgr-result__subtitle {
+		color: var(--ffz-color-9)
+	}
+	.clmgr-result:hover .clmgr-result__subtitle {
+		color: var(--ffz-color-6)
+	}
+	.clmgr-table__row {
+		background-color: var(--ffz-color-0)
+	}
+	.clmgr-table__row:nth-child(2n) {
+		background-color: var(--ffz-color-23)
+	}
+	.clmgr-table__row:hover {
+		background-color: var(--ffz-color-29)
+	}
+	.event {
+		background-color: var(--ffz-color-0)
+	}
+	.event__header {
+		color: var(--ffz-color-25)
+	}
+	.event__header-overlay {
+		background-color: var(--ffz-color-27)
+	}
+	.event__video:before {
+		background-color: var(--ffz-color-22)
+	}
+	.event__broadcast-wrapper:hover .event__broadcast {
+		border-left-color: var(--ffz-color-10)
+	}
+	.event__broadcast-wrapper:hover .event__broadcast:before {
+		background-color: var(--ffz-color-10)
+	}
+	.event__broadcast {
+		border-left-color: var(--ffz-color-22)
+	}
+	.event__broadcast-details {
+		color: var(--ffz-color-9)
+	}
+	.event__broadcast:before {
+		background-color: var(--ffz-color-22)
+	}
+	.video-preview-card__channel, .video-preview-card__videos {
+		color: var(--ffz-color-1)
+	}
+	.video-preview-card__channel:hover, .video-preview-card__videos:hover {
+		color: var(--ffz-color-2)
+	}
+	.video-preview-card__videos {
+		color: var(--ffz-color-9)
+	}
+	.video-preview-card__boxart--overlay {
+		border-color: var(--ffz-color-0)
+	}
+	.video-carousel:hover .vod-carousel__button {
+		background-color: var(--ffz-color-0)
+	}
+	.video-filters--active {
+		background-color: var(--ffz-color-28)
+	}
+	.video-filters:hover {
+		background-color: var(--ffz-color-10);
+		color: var(--ffz-color-6)
+	}
+	.video-filters:active {
+		background-color: var(--ffz-color-5);
+		color: var(--ffz-color-6)
+	}
+	.follow-game-card--overlay {
+		background-color: var(--ffz-color-27);
+		color: var(--ffz-color-25)
+	}
+	.follow-game-card__meta {
+		color: var(--ffz-color-9)
+	}
+	.embed-card__overlay {
+		background-color: var(--ffz-color-27);
+		color: var(--ffz-color-25)
+	}
+	.embed-card__overlay:hover svg {
+		color: var(--ffz-color-26)
+	}
+	.thumbnail-selector-cropper__thumbnail-select-image:hover:before {
+		background-color: var(--ffz-color-22)
+	}
+	.thumbnail-selector-cropper__thumbnail-select-image--selected {
+		border-color: var(--ffz-color-5)
+	}
+	.video-card-dropdown__dropdown-wrapper {
+		background-color: var(--ffz-color-0);
+		color: var(--ffz-color-1);
+		-webkit-box-shadow: 0 0 0 1px var(--ffz-color-22), 0 1px 1px var(--ffz-color-19);
+		box-shadow: 0 0 0 1px var(--ffz-color-22), 0 1px 1px var(--ffz-color-19)
+	}
+	.video-card {
+		background-color: var(--ffz-color-0)
+	}
+}
\ No newline at end of file
diff --git a/styles/tooltips.scss b/styles/tooltips.scss
new file mode 100644
index 00000000..138754ff
--- /dev/null
+++ b/styles/tooltips.scss
@@ -0,0 +1,401 @@
+body {
+	overflow-x: hidden
+}
+
+.ffz__tooltip {
+	z-index: 999999999;
+	margin: 6px;
+	border-radius: 2px;
+	background: #0e0c13;
+	color: #fff;
+	font-size: 1.2rem;
+	line-height: 1;
+	text-align: left;
+	pointer-events: none;
+	white-space: pre-wrap;
+
+	&.html { white-space: normal }
+	&.interactive { pointer-events: all }
+
+
+	.loader {
+		opacity: .5;
+		margin: 1rem;
+		font-size: 3rem;
+		animation: ffz-rotateplane 1.2s infinite linear;
+	}
+
+
+	.ffz__tooltip--arrow {
+		position: absolute;
+		width: 6px; height: 6px;
+		transform: rotate(45deg);
+		z-index: -1;
+
+		background: #0e0c13;
+	}
+
+	&[x-placement^="bottom"] {
+		.ffz__tooltip--arrow {
+			top: -3px;
+			border-radius: 2px 0 0;
+		}
+	}
+
+	&[x-placement^="top"] {
+		.ffz__tooltip--arrow {
+			bottom: -3px;
+			border-radius: 0 0 2px;
+		}
+	}
+
+	&[x-placement^="left"] {
+		.ffz__tooltip--arrow {
+			right: -3px;
+			border-radius: 0 2px 0 0;
+		}
+	}
+
+	&[x-placement^="right"] {
+		.ffz__tooltip--arrow {
+			left: -3px;
+			border-radius: 0 0 0 2px;
+		}
+	}
+
+
+	.theme--dark & {
+		background: #fff;
+		color: #0e0c13;
+
+		.ffz__tooltip--arrow {
+			background: #fff;
+		}
+	}
+}
+
+
+.ffz__tooltip--inner {
+	display: block;
+	max-width: 30rem;
+	padding: 3px 6px;
+	text-align: center;
+
+	.preview-image {
+		display: block;
+		margin: 3px auto 6px;
+	}
+
+	br {
+		display: block;
+	}
+
+	.ffz-cheer {
+		margin: 5px;
+	}
+}
+
+
+.ffz-rich-tip {
+	max-width: 340px;
+	width: 340px;
+	text-align: left;
+	position: relative;
+	padding: 8px;
+
+	/*.stats:after, .heading:after {
+		content: '';
+		display: table;
+		clear: both;
+	}
+
+	.tweet-heading {
+		&:before {
+			content: '';
+			position: absolute;
+			top: 24px;
+			right: 24px;
+			width: 20px;
+			height: 16px;
+			background: url("//cdn.frankerfacez.com/script/twitter_sprites.png") -38px -15px;
+		}
+
+		.avatar {
+			border-radius: 50%;
+		}
+	}
+
+	.heading {
+		.title {
+			font-weight: bold;
+			display: block;
+			text-align: justify;
+		}
+	}
+
+	.display-name {
+		padding-top: 3px;
+		font-size: 14px;
+		display: block;
+
+		&.big-name {
+			font-size: 20px;
+			padding-top: 18px;
+		}
+	}
+
+	.quoted {
+		.display-name {
+			padding: 0 5px 0 0;
+			display: inline;
+			font-size: 12px;
+		}
+	}
+
+	.avatar {
+		float: left;
+		margin-right: 8px;
+		max-height: 48px;
+		max-width: 100px;
+	}*/
+}
+
+.ffz-rich-tip .body { line-height: 1.5em }
+
+.ffz-rich-tip .tweet-heading:before {
+	content: '';
+	position: absolute;
+	top: 24px;
+	right: 24px;
+	width: 20px;
+	height: 16px;
+	background: url("//cdn.frankerfacez.com/script/twitter_sprites.png") -38px -15px;
+}
+
+.ffz-rich-tip .stats:after,
+.ffz-rich-tip .heading:after {
+	content: '';
+	display: table;
+	clear: both;
+}
+
+.ffz-rich-tip .avatar {
+	float: left;
+	margin-right: 8px;
+	max-height: 48px;
+	max-width: 100px;
+}
+
+.ffz-rich-tip .tweet-heading .avatar {
+	border-radius: 50%;
+}
+
+.ffz-rich-tip .heading .title {
+	font-weight: bold;
+	display: block;
+	text-align: justify;
+}
+
+.ffz-rich-tip .display-name {
+	padding-top: 3px;
+	font-size: 14px;
+	display: block;
+}
+
+.ffz-rich-tip .display-name.big-name {
+	font-size: 20px;
+	padding-top: 18px;
+}
+
+.ffz-rich-tip .quoted .display-name {
+	padding: 0 5px 0 0;
+	display: inline;
+	font-size: 12px;
+}
+
+.ffz-rich-tip .twitch-heading .tip-badge.verified {
+	height: 12px;
+	width: 12px;
+	margin: 2px 0 -1px 5px;
+	background: url("https://static-cdn.jtvnw.net/badges/v1/d12a2e27-16f6-41d0-ab77-b780518f00a3/1");
+	background-size: contain;
+	display: inline-block;
+}
+
+.ffz-rich-tip .twitch-heading .big-name .tip-badge.verified {
+	height: 18px;
+	width: 18px;
+	margin: 1px 0 0 10px;
+}
+
+.ffz-rich-tip .tweet-heading .tip-badge {
+	height: 12px;
+	width: 12px;
+	margin: 2px 0 -1px 5px;
+	background: url("//cdn.frankerfacez.com/script/twitter_sprites.png");
+	display: inline-block;
+}
+
+.ffz-rich-tip .tip-badge.verified {
+	background-position: 0 -15px;
+}
+
+.ffz-rich-tip .tip-badge.translator {
+	background-position: -12px -15px;
+}
+
+.ffz-rich-tip .tip-badge.protected {
+	background-position: -24px -15px;
+	width: 14px;
+}
+
+.ffz-rich-tip .emoji {
+	height: 1em;
+	vertical-align: middle;
+}
+
+.ffz-rich-tip .quoted > div:not(:first-child),
+.ffz-rich-tip > div:not(:first-child) {
+	margin-top: 8px;
+}
+
+.ffz-rich-tip .quote-heading + .body,
+.ffz-rich-tip .replying + .body {
+	margin-top: 0 !important;
+}
+
+.ffz-rich-tip .replying {
+	opacity: 0.6;
+	font-size: 10px;
+}
+
+.ffz-rich-tip .subtitle,
+.ffz-rich-tip .quoted .body,
+.ffz-rich-tip .stats,
+.ffz-rich-tip .username { opacity: 0.6 }
+
+.ffz-rich-tip .stats { display: flex }
+.ffz-rich-tip .stats .wide-stat,
+.ffz-rich-tip time { flex-grow: 1 }
+
+.ffz-rich-tip .tweet-stats .stat:before {
+	content: '';
+	display: inline-block;
+	background: url("//cdn.frankerfacez.com/script/twitter_sprites.png");
+	margin: 0 5px 0 10px;
+}
+
+.ffz-rich-tip .stat.likes:before {
+	width: 17px; height: 14px;
+	margin-bottom: -3px;
+}
+
+.ffz-rich-tip .stat.retweets:before {
+	width: 20px; height: 12px;
+	background-position: -34px 0;
+	margin-bottom: -2px;
+}
+
+.ffz-rich-tip .media { position: relative; text-align: center }
+
+.ffz-rich-tip .media[data-count]:not([data-count="1"]) {
+	display: flex;
+	margin: 8px -5px -5px 0;
+	flex-flow: column wrap;
+	height: 329px;
+}
+
+.ffz-rich-tip .media .duration {
+	position: absolute;
+	bottom: 0; right: 0;
+	margin: 4px;
+	background: #000;
+	color: #fff;
+	opacity: .8;
+	padding: 2px 4px;
+	border-radius: 2px;
+	z-index: 10;
+	font-weight: 500;
+}
+
+.ffz-rich-tip .sixteen-nine {
+	width: 100%;
+	overflow: hidden;
+	margin: 0;
+	padding-top: 56.25%;
+	position: relative;
+}
+
+.ffz-rich-tip .sixteen-nine img {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	width: 100%;
+	transform: translate(-50%, -50%);
+}
+
+.ffz-rich-tip .media video {
+	width: 100%;
+	max-height: 324px;
+}
+
+.ffz-rich-tip .media[data-count="4"] { flex-flow: row wrap }
+
+.ffz-rich-tip .media[data-count="2"] { height: 164.5px }
+.ffz-rich-tip .media img { max-height: 324px }
+
+.ffz-rich-tip .quoted .media[data-count]:not([data-count="1"]) { height: 150px }
+.ffz-rich-tip .quoted .media[data-count="2"] { height: 150px }
+.ffz-rich-tip .quoted .media video,
+.ffz-rich-tip .quoted .media img { max-height: 150px }
+
+.ffz-rich-tip .media span {
+	background: no-repeat center center;
+	background-size: cover;
+}
+
+.ffz-rich-tip .media[data-count="2"] span,
+.ffz-rich-tip .media[data-count="3"] span,
+.ffz-rich-tip .media[data-count="4"] span {
+	width: calc(50% - 5px);
+	height: calc(50% - 5px);
+	margin: 0 5px 5px 0;
+}
+
+.ffz-rich-tip .media[data-count="2"] span,
+.ffz-rich-tip .media[data-count="3"] span:first-of-type {
+	height: 100%;
+}
+
+.ffz-rich-tip .profile-stats {
+	display: flex;
+	flex-flow: row;
+	flex-wrap: wrap;
+}
+
+.ffz-rich-tip .profile-stats div {
+	flex-grow: 1;
+	font-size: 16px;
+	margin-right: 10px;
+}
+
+.ffz-rich-tip .profile-stats span {
+	display: block;
+	font-size: 12px;
+	opacity: 0.7;
+}
+
+.ffz-rich-tip .quoted {
+	border: 1px solid #474747;
+	border-radius: 5px;
+	padding: 8px;
+}
+
+.ffz-rich-tip .media[data-type="video"]:after {
+	position: absolute;
+	content: '';
+	width: 64px; height: 64px;
+	top: calc(50% - 32px);
+	left: calc(50% - 32px);
+	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23FFF' d='M15 10.001c0 .299-.305.514-.305.514l-8.561 5.303C5.51 16.227 5 15.924 5 15.149V4.852c0-.777.51-1.078 1.135-.67l8.561 5.305c-.001 0 .304.215.304.514z'/%3E%3C/svg%3E");
+}
\ No newline at end of file
diff --git a/styles/widgets.scss b/styles/widgets.scss
new file mode 100644
index 00000000..a95cf9b6
--- /dev/null
+++ b/styles/widgets.scss
@@ -0,0 +1,162 @@
+@import "./widgets/container.scss";
+
+@import "./widgets/menu-container.scss";
+@import "./widgets/tab-container.scss";
+
+@import "./widgets/menu-tree.scss";
+@import "./widgets/profile-selector.scss";
+
+
+.display-inline { display: inline !important }
+.width-auto { width: auto !important }
+
+.ffz--widget {
+
+	input, select {
+		min-width: 20rem;
+	}
+
+	label {
+		min-width: 15rem;
+	}
+}
+
+
+.ffz--menu-page {
+	padding: 1rem;
+
+	header {
+		a {
+			font-weight: bold;
+			color: inherit;
+		}
+	}
+}
+
+
+.ffz--profile-editor {
+	.tw-button:disabled:not(:hover):not(:focus) {
+		opacity: 0.5;
+	}
+
+	label {
+		width: 10rem;
+	}
+}
+
+
+.ffz--profile-manager {
+	.ffz--profile {
+		outline: none;
+
+		&:focus {
+			box-shadow:
+				inset 0 0 0 1px #7d5bbe,
+				0 0 6px -2px #7d5bbe !important;
+		}
+
+		.handle {
+			opacity: 0.3;
+			margin: -0.5rem 0;
+			font-size: 2rem;
+		}
+
+		.ffz--profile__icon {
+			font-size: 2rem;
+		}
+
+		.ffz-i-ok { color: green }
+	}
+
+	.sortable-ghost {
+		opacity: 0.25
+	}
+}
+
+
+.ffz--filter-editor {
+	.ffz--rule {
+		outline: none;
+
+		&:focus {
+			box-shadow:
+				inset 0 0 0 1px #7d5bbe,
+				0 0 6px -2px #7d5bbe !important;
+		}
+
+		.handle {
+			opacity: 0.3;
+			margin: -0.5rem 0;
+			font-size: 2rem;
+		}
+
+		.ffz--filter__icon {
+			font-size: 2rem;
+		}
+
+		.ffz-i-ok { color: green }
+	}
+
+	.sortable-ghost {
+		opacity: 0.25
+	}
+}
+
+
+.ffz--home {
+	h2, p {
+		margin-bottom: 1rem;
+	}
+
+	ul {
+		list-style-type: disc;
+		margin: 1em 0;
+	}
+
+	.tweet-column {
+		width: 300px;
+	}
+}
+
+
+.ffz--changelog {
+	h2, p {
+		margin-bottom: 1rem;
+	}
+
+	.list-header {
+		margin: 10px 20px 5px;
+		padding: 15px 0 5px;
+		border-top: 1px solid #dad8de;
+		font-size: 16px;
+		text-transform: uppercase;
+
+		.theme--dark & {
+			border-top-color: #2c2541;
+		}
+
+		time {
+			opacity: 0.5;
+		}
+	}
+
+	code {
+		padding: 2px 5px;
+		border-radius: 2px;
+		background-color: rgba(0,0,0,0.1);
+
+		.theme--dark & {
+			background-color: rgba(255,255,255,0.05);
+		}
+	}
+
+	.chat-menu-content {
+		margin: 0 20px 20px;
+	}
+
+	#ffz-old-news-button {
+		text-align: center;
+		text-transform: none;
+		padding-bottom: 15px;
+	}
+}
\ No newline at end of file
diff --git a/styles/widgets/container.scss b/styles/widgets/container.scss
new file mode 100644
index 00000000..781a2824
--- /dev/null
+++ b/styles/widgets/container.scss
@@ -0,0 +1,73 @@
+$spacing: 1rem;
+$border-light: #dad8de;
+$border-dark: #2c2541;
+
+$bg-light: #faf9fa;
+$bg-dark: #17141f;
+
+.ffz--outer-container {
+	margin-bottom: $spacing * 2;
+
+	&:last-child {
+		margin-bottom: 0
+	}
+}
+
+
+.ffz--inner-container {
+	padding: $spacing;
+}
+
+.ffz--widget {
+	margin-bottom: $spacing;
+
+	label {
+		padding-top: .5rem;
+		padding-bottom: .5rem;
+	}
+
+	&.default, &.inherits {
+		label:before, label:after {
+			opacity: 0.5;
+		}
+
+		input:focus + label {
+			&:before, &:after {
+				opacity: 1
+			}
+		}
+
+		input, textarea, select {
+			opacity: 0.5;
+
+			&:focus {
+				opacity: 1
+			}
+		}
+	}
+
+	&.inherits {
+		label:before, label:after {
+			filter: grayscale(100%);
+		}
+
+		label:hover,
+		input:focus + label {
+			&:before, &:after {
+				filter: none;
+			}
+		}
+
+		input, textarea, select {
+			filter: grayscale(100%);
+
+			&:hover, &:focus {
+				filter: none;
+			}
+		}
+	}
+
+	&:last-child {
+		margin-bottom: 0
+	}
+}
\ No newline at end of file
diff --git a/styles/widgets/menu-container.scss b/styles/widgets/menu-container.scss
new file mode 100644
index 00000000..29cd79c5
--- /dev/null
+++ b/styles/widgets/menu-container.scss
@@ -0,0 +1,27 @@
+.ffz--menu-container {
+	@extend .ffz--outer-container;
+	@extend .ffz--inner-container;
+
+	position: relative;
+
+	&:not(.border):not(.border-b) {
+		margin-bottom: $spacing;
+	}
+
+	& > header {
+		position: absolute;
+		top: 0; left: $spacing - 0.5rem;
+		transform: translateY(-50%);
+		padding: 0 0.5rem;
+
+		background-color: $bg-light;
+
+		.theme--dark & {
+			background-color: $bg-dark;
+		}
+
+		& + * {
+			margin-top: 0.5rem;
+		}
+	}
+}
\ No newline at end of file
diff --git a/styles/widgets/menu-tree.scss b/styles/widgets/menu-tree.scss
new file mode 100644
index 00000000..3e472c79
--- /dev/null
+++ b/styles/widgets/menu-tree.scss
@@ -0,0 +1,69 @@
+.ffz--menu-tree {
+	position: relative;
+
+	&:focus {
+		outline: none;
+
+		&:after {
+			position: absolute;
+			top: 0; left: 0;
+			height: 100%;
+			width: 100%;
+			content: '';
+			pointer-events: none;
+
+			box-shadow: inset 0 0 0 1px #7d5bbe,
+				0 0 6px -2px #7d5bbe;
+		}
+	}
+
+	.active > div,
+	.active > div:hover,
+	.theme--dark & .active > div:hover {
+		background-color: #6441a4;
+		color: #fff;
+	}
+
+	div:hover {
+		cursor: pointer;
+
+		background-color: #fff;
+
+		.theme--dark & {
+			background-color: #201c2b;
+		}
+	}
+
+	li div {
+		font-size: 1.4rem;
+		margin-top: 0.5rem;
+		padding-left: 0.5rem
+	}
+
+	li:first-child div,
+	li ul div {
+		margin-top: 0rem;
+	}
+
+	li ul div {
+		font-size: inherit;
+	}
+
+	li li div { padding-left: 1rem }
+	li li li div { padding-left: 1.5rem }
+	li li li li div { padding-left: 2rem }
+
+	.pill {
+		font-size: 0.9rem;
+	}
+
+	.arrow {
+		opacity: 0.3;
+		font-size: 1.6rem;
+	}
+}
+
+
+.ffz--invisible {
+	visibility: hidden;
+}
\ No newline at end of file
diff --git a/styles/widgets/profile-selector.scss b/styles/widgets/profile-selector.scss
new file mode 100644
index 00000000..5f8d49da
--- /dev/null
+++ b/styles/widgets/profile-selector.scss
@@ -0,0 +1,64 @@
+.ffz--profile-selector {
+	position: relative;
+
+	.tw-balloon {
+		margin-top: 0 !important
+	}
+
+	.scrollable-area {
+		max-height: 30rem;
+	}
+}
+
+.ffz--profile-row {
+	outline: none;
+	cursor: pointer;
+
+	&.live .ffz--profile-row__icon {
+		color: green;
+	}
+
+	&:not(.live):not(:hover):not(:focus) {
+		opacity: .5;
+		font-variant: italic;
+
+		.theme--dark & {
+			opacity: .25;
+		}
+	}
+
+	.description {
+		opacity: .7;
+	}
+
+	&:first-child {
+		margin-top: 0.5rem;
+	}
+
+	&:last-child {
+		&, .theme--dark & {
+			border-bottom: none !important
+		}
+	}
+
+	&:focus {
+		box-shadow:
+			inset 0 0 0 1px #7d5bbe,
+			0 0 6px -2px #7d5bbe;
+	}
+
+	&:focus,
+	&:hover {
+		background: rgba(100, 65, 164, .05);
+
+		.theme-dark & {
+			background: rgba(100, 65, 164, .2);
+		}
+	}
+}
+
+.ffz--profile-row__icon {
+	position: absolute;
+	top: 0.5rem; right: 0.5rem;
+	font-size: 1.6rem;
+}
\ No newline at end of file
diff --git a/styles/widgets/tab-container.scss b/styles/widgets/tab-container.scss
new file mode 100644
index 00000000..25877a27
--- /dev/null
+++ b/styles/widgets/tab-container.scss
@@ -0,0 +1,40 @@
+.ffz--tab-container {
+	@extend .ffz--outer-container;
+
+	header:focus {
+		outline: none;
+
+		.tab.active {
+			box-shadow: inset 0 0 0 1px #7d5bbe,
+				0 0 6px -2px #7d5bbe;
+		}
+	}
+
+	.tab {
+		cursor: pointer;
+		position: relative;
+
+		border-top: 1px solid;
+		border-right: 1px solid;
+		&:first-child { border-left-width: 1px; border-left-style: solid }
+
+		border-color: $border-light;
+
+		.theme--dark & {
+			border-color: $border-dark;
+		}
+
+		&.active:after {
+			position: absolute;
+			bottom: 0;
+			left: 0;
+			right: 0;
+			content: '';
+			border-bottom: 4px solid #6441a4;
+		}
+	}
+
+	& > section {
+		@extend .ffz--inner-container;
+	}
+}
\ No newline at end of file
diff --git a/webpack.common.js b/webpack.common.js
new file mode 100644
index 00000000..c67abf2e
--- /dev/null
+++ b/webpack.common.js
@@ -0,0 +1,66 @@
+const webpack = require('webpack');
+const path = require('path');
+const CleanPlugin = require('clean-webpack-plugin');
+
+module.exports = {
+	entry: {
+		avalon: './src/main.js'
+	},
+	resolve: {
+		alias: {
+			res: path.resolve(__dirname, 'res/'),
+			styles: path.resolve(__dirname, 'styles/'),
+			src: path.resolve(__dirname, 'src/'),
+			utilities: path.resolve(__dirname, 'src/utilities/')
+		}
+	},
+	output: {
+		chunkFilename: '[name].[chunkhash].js',
+		path: path.resolve(__dirname, 'dist'),
+		jsonpFunction: 'ffzWebpackJsonp'
+	},
+	plugins: [
+		new CleanPlugin(['dist']),
+		new webpack.ExtendedAPIPlugin()
+	],
+	module: {
+		rules: [{
+			test: /\.s?css$/,
+			use: [{
+				loader: 'file-loader',
+				options: {
+					name: '[name].css'
+				}
+			}, {
+				loader: 'extract-loader'
+			}, {
+				loader: 'css-loader',
+				options: {
+					sourceMap: true
+				}
+			}, {
+				loader: 'sass-loader',
+				options: {
+					sourceMap: true
+				}
+			}]
+		},
+		{
+			test: /\.(?:eot|ttf|woff|woff2)$/,
+			use: [{
+				loader: 'file-loader',
+				options: {
+					name: '[name].[ext]'
+				}
+			}]
+		},
+		{
+			test: /\.svg$/,
+			loader: 'raw-loader'
+		},
+		{
+			test: /\.vue$/,
+			loader: 'vue-loader'
+		}]
+	}
+}
\ No newline at end of file
diff --git a/webpack.web.common.js b/webpack.web.common.js
new file mode 100644
index 00000000..4608f25c
--- /dev/null
+++ b/webpack.web.common.js
@@ -0,0 +1,11 @@
+const path = require('path');
+const merge = require('webpack-merge');
+const common = require('./webpack.common.js');
+
+module.exports = merge(common, {
+	resolve: {
+		alias: {
+			site: path.resolve(__dirname, 'src/sites/twitch-twilight/')
+		}
+	}
+});
\ No newline at end of file
diff --git a/webpack.web.dev.js b/webpack.web.dev.js
new file mode 100644
index 00000000..a3d31789
--- /dev/null
+++ b/webpack.web.dev.js
@@ -0,0 +1,63 @@
+const path = require('path');
+const merge = require('webpack-merge');
+const common = require('./webpack.web.common.js');
+
+const CopyPlugin = require('copy-webpack-plugin');
+const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
+const ManifestPlugin = require('webpack-manifest-plugin');
+
+module.exports = merge(common, {
+	devtool: 'inline-source-map',
+
+	plugins: [
+		new CopyPlugin([
+			{
+				from: './src/entry.js',
+				to: 'script.js'
+			}
+		])
+	],
+
+	devServer: {
+		https: true,
+		port: 8000,
+		compress: true,
+		inline: false,
+
+		allowedHosts: [
+			'.twitch.tv',
+			'.frankerfacez.com'
+		],
+
+		contentBase: path.join(__dirname, 'dev_cdn'),
+		publicPath: '/script/',
+
+		proxy: {
+			'**': {
+				target: 'http://cdn.frankerfacez.com/',
+				changeOrigin: true
+			}
+		},
+
+		before(app) {
+			// Because the headers config option is broken.
+			app.get("/*", (req, res, next) => {
+				res.setHeader('Access-Control-Allow-Origin', '*');
+				next();
+			});
+
+			app.get('/dev_server', (req, res) => {
+				res.json({
+					path: process.cwd(),
+					version: 2
+				})
+			});
+		}
+	},
+
+	output: {
+		publicPath: '//localhost:8000/script/',
+		filename: '[name].js',
+		jsonpFunction: 'ffzWebpackJsonp'
+	}
+})
\ No newline at end of file
diff --git a/webpack.web.prod.js b/webpack.web.prod.js
new file mode 100644
index 00000000..82af7c5c
--- /dev/null
+++ b/webpack.web.prod.js
@@ -0,0 +1,68 @@
+const merge = require('webpack-merge');
+const common = require('./webpack.web.common.js');
+
+const CopyPlugin = require('copy-webpack-plugin');
+const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
+const ManifestPlugin = require('webpack-manifest-plugin');
+
+const uglify = require('uglify-es');
+
+const config = module.exports = merge(common, {
+	devtool: 'source-map',
+
+	plugins: [
+		new UglifyJSPlugin({
+			sourceMap: true,
+			uglifyOptions: {
+				compress: {
+					keep_fnames: true
+				},
+				mangle: {
+					keep_classnames: true,
+					keep_fnames: true
+				}
+			}
+		}),
+		new CopyPlugin([
+			{
+				from: './src/entry.js',
+				to: 'script.min.js',
+				transform: (content) => {
+					const text = content.toString('utf8');
+					const minified = uglify.minify(text);
+					return (minified && minified.code) ? Buffer.from(minified.code) : content;
+				}
+			}
+		]),
+		new ManifestPlugin({
+			map: (data) => {
+				if ( data.name.endsWith('.scss') )
+					data.name = data.name.substr(0,data.name.length - 5) + '.css';
+
+				return data;
+			}
+		})
+	],
+
+	output: {
+		publicPath: '//cdn.frankerfacez.com/script/',
+		filename: '[name].[hash].js'
+	}
+});
+
+
+// This is why we can't have nice things.
+// Why can't I just access process.env.NODE_ENV from
+// one of these files when I set it with webpack's
+// CLI? So stupid.
+//
+// So here we go.
+// This is crap.
+// But it works.
+
+for(const rule of config.module.rules) {
+	if ( rule.use )
+		for(const use of rule.use)
+			if ( use.options && use.options.name && use.options.name.startsWith('[name].') )
+				use.options.name = '[name].[hash].' + use.options.name.slice(7)
+}
\ No newline at end of file